【最終更新日:2017/06/26】
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」とは記事の主なるトピック。記事中に複数の内容が...
はじめに オリジナルなhタグ(要素)が作りたくて、肉球をつくってみたお話です。 まず最初にCSS擬似要素のbeforeとafterを使用する。 CSSの疑似要素beforeとafterの簡単な使い方 作るにあたっての考え方 まずは簡単な装飾から作り最後に肉球の形を作ることに...
下記の記述を記入する <!--more--> と記事中に記述。 記事を見ると <!--more--> 部分から折りたたむようになる。 BloggerでTOPを10記事と指定してていも容量制限があるらしく、その容量に引っかかると全部表示されなくなる。...
HTML5でYoutubeの動画を再生できるようにする。 基本的な動画の埋め込み Youtubeで目的の動画を開く。 赤枠の『共有』をクリック。 ①『埋め込みコード』をクリックすると下部にコードが表示されるのでコピーする。 <iframe wi...
はじめに 参考サイト : How to Add Numbered Page Navigation Widget for Blogger - Helplogger こちらのサイトを参考に組み込んでいきます。 1.CSSを選択しコードを追加する 参考サイトよりいくつかあるデ...
出典元: Capture full web page screenshots in your browser instantly FireShotについて Google Chromeのプラ...
ツイッター(twitter)タイムラインの埋め込みとデザインのやり方 1.タイムライン埋め込みのスクリプトをつくる 下記のサイトへ行く。 Twitter Publish twitter公式のサイトを埋め込むとするとtwitter japan公式のURLは「ht...