アーカイブ: 2020年4月
highlight.jsのスタイルをダークモードに応じて切り替える
Hexoのmarkdon-itが脚注で出力するHTMLを整える
Hexoでmarkdown-itを導入して記事内に脚注を書く
40年前と現在の航空写真を比較できるサービスでタイムスリップしてみる
Hexoでパンくずリストの構造化マークアップをする
Hexoでプラグインを使わずパンくずリストを表示する
Google Adsenseが読み込まれる前にローディングアニメーションを表示する
スマホ表示時のGoogle Adsenseで左右に余白(padding)を適用する
サイトに適用しているWebフォントを画像編集ソフトGIMPでSVG化する
SE215のリケーブルにはYinyooのYYX4849がおすすめ
CSS変数とJavaScriptでページを開く度に色をランダムに変える
クリックで開閉するドロップダウンメニューをCSSとJavaScriptで作ってみよう
aタグにclassを1つ追加するだけでリンクをブログカード風に変身させる
HexoのURL関連のテンプレート変数まとめ
OSでもWebサイト側でも切り替えられるダークモードを実装する
HexoでGitとNetlifyを使っていても記事の更新日を表示できるようにする
出来るだけメディアクエリを書かずにレスポンシブに対応させるためのTips
2行以上の長いタイトルでも1行に収まるように文字サイズをJavaScriptで調整する