自分の作ったサイトがどのくらいの表示速度なのか知りたい。利用者の観点からすれば一瞬で開くサイトが一番ストレスない。
Performance Scores（中央右部分）に総合評価、RECOMMENDATION(左下)に詳細部分が表示される。
View in Browserのインストール 1.Packege Controlを開く Tools > Command Palette...（mac Shift ＋ Command ＋ p /win ctrl + shift + p ）からコマンドパレットを開き 「Pa...
html中のアイコンフォントを表示させるコード bootstrapでアイコンフォントがあるが、html中の記述は、 <span class="glyphicon glyphicon-map-marker"></span> となる...
bootstrapのグリッドシステム はじめに bootstrapのグリッドシステムで container、row、col-xxx-xxx を使用すると簡単にページデザインが出来上がる。 しかし、下の図のようにcol-xxx-xxxの高さが違い要素の回り込みがちぐはぐになる場...
「mainEntityOfPage」フィールドの値は必須ですを修正する 「mainEntityOfPage」って何？ 構造化データを検索エンジン（Google）に伝える際のマークアップの一つである。「mainEntityOfPage」とは記事の主なるトピック。記事中に複数の内容が...
HTML5でYoutubeの動画を再生できるようにする。 基本的な動画の埋め込み Youtubeで目的の動画を開く。 赤枠の『共有』をクリック。 ①『埋め込みコード』をクリックすると下部にコードが表示されるのでコピーする。 <iframe wi...
下記の記述を記入する <!--more--> と記事中に記述。 記事を見ると <!--more--> 部分から折りたたむようになる。 BloggerでTOPを10記事と指定してていも容量制限があるらしく、その容量に引っかかると全部表示されなくなる。...
はじめに オリジナルなhタグ（要素）が作りたくて、肉球をつくってみたお話です。 まず最初にCSS擬似要素のbeforeとafterを使用する。 CSSの疑似要素beforeとafterの簡単な使い方 作るにあたっての考え方 まずは簡単な装飾から作り最後に肉球の形を作ることに...
はじめに 参考サイト ： How to Add Numbered Page Navigation Widget for Blogger - Helplogger こちらのサイトを参考に組み込んでいきます。 １．CSSを選択しコードを追加する 参考サイトよりいくつかあるデ...
出典元： Capture full web page screenshots in your browser instantly FireShotについて Google Chromeのプラ...
STEP2.入力した文字を結合して出力する ここでは、入力した文字列（text_a）と文字列（text_b）を結合してテキストボックス（text_result）に表示する 文字列結合用のJavaScript <script language="JavaScr...
0 件のコメント :
コメントを投稿