40年前と現在の航空写真を比較できるサービスでタイムスリップしてみる
新型コロナウイルスによる外出自粛が続いていますが、そんな中自宅でのおすすめの過ごし方のご提案。
-
-
Hexoでパンくずリストの構造化マークアップをする
(2020-07-30) コードを書き直しました。こちらをご覧ください。
-
Hexoでプラグインを使わずパンくずリストを表示する
(2020-07-30) コードを書き直しました。こちらをご覧ください。
-
Google Adsenseが読み込まれる前にローディングアニメーションを表示する
Google Adsenseは広告が表示されるまでに時間がかかります。空白の部分にいきなり広告が現れるとなんかびっくりするというか...
-
スマホ表示時のGoogle Adsenseで左右に余白(padding)を適用する
Google Adsenseでレスポンシブタイプの広告ユニットは、デフォルトではスマホ版で表示した際に、横幅が100%になります。
-
サイトに適用しているWebフォントを画像編集ソフトGIMPでSVG化する
サイトのロゴやサイドバーのタイトルなどに、Google FontsでWebフォントを読み込み文字を装飾することがあるかと思います。
-
SE215のリケーブルにはYinyooのYYX4849がおすすめ
普段私はイヤホンに、SHUREのSE215というイヤホンをかれこれ5年愛用しているのですが、ここ１年ほど右耳の耳掛け部分が断線しかかっていて、とても煩わしかったのです。
-
CSS変数とJavaScriptでページを開く度に色をランダムに変える
サイトを開くたびに色が変わったらなんか面白いのでは？と、ふと思いついたので、JavaScriptでランダムに生成したカラーコードを、CSS変数に代入して遊んでみます。
-
クリックで開閉するドロップダウンメニューをCSSとJavaScriptで作ってみよう
目に見えるところに貼るほど重要ではないけど、開閉メニューでリンクを格納しておきたいというケースがあるかと思います。
-
aタグにclassを1つ追加するだけでリンクをブログカード風に変身させる
最近はブログにリンクを貼る手段として、テキストリンク以外にも、カード型のリンクを埋め込むことが増えてきました。