カテゴリー: 開発
スマホ表示時のGoogle Adsenseで左右に余白(padding)を適用する
サイトに適用しているWebフォントを画像編集ソフトGIMPでSVG化する
CSS変数とJavaScriptでページを開く度に色をランダムに変える
クリックで開閉するドロップダウンメニューをCSSとJavaScriptで作ってみよう
aタグにclassを1つ追加するだけでリンクをブログカード風に変身させる
HexoのURL関連のテンプレート変数まとめ
OSでもWebサイト側でも切り替えられるダークモードを実装する
HexoでGitとNetlifyを使っていても記事の更新日を表示できるようにする
出来るだけメディアクエリを書かずにレスポンシブに対応させるためのTips
2行以上の長いタイトルでも1行に収まるように文字サイズをJavaScriptで調整する
Hexoのカテゴリーリストにcurrentクラスを付けて現在地をハイライト表示する
開いているページの構造化マークアップを簡単にチェックするブックマークレット
Hexoで画像にloading="lazy"を自動で追加して画像を遅延読み込みする
クリックで画像を拡大するプラグイン(Lightbox)をjQueryなしで自作してみる
30分で完了!お名前.comのドメインをGoogle Domainsへ移管する
Hexoで記事ごとに適用するCSSやJSファイルをFront-matterから自動で読み込む
Netlifyは大文字URLが使えない件とHexoを運用する上で確認すべき設定
contenteditable属性で入力したCSSがページにリアルタイムで反映されるフォームをつくる
CSSだけで文章を折りたたむ(続きを読む)その1
Hexoのアーカイブページの設定まとめ