右寄せやゼロ埋めを使わずに月リストのお尻のラインを揃える CSS
年月別アーカイブの月のリストがスマホなどで複数列になる場合には「月」の位置で縦列を合わせたいのだけど、デザイン上右寄せにはしたくないし頭に 0 も付けたくないので、どちらも使わずに揃える方法はないものか…と考えてたら思いついた CSS のコードです。
-
CSS カスケード・レイヤーのサポート有無を判別して、非対応ブラウザにも最低限のスタイルを当てる方法を(それをやる必要があるかどうかはともかく)考えてみた
-
Noto CJK のバリアブルフォントを Web ブラウザがバリアブルフォントとして扱ってくれるようがんばってみたが、いちユーザーではどうにもできない問題があってあきらめた
-
フォントに関する色々な情報を調べるのにコマンドラインで使える otinfo が便利
-
Inter の Web フォントをセルフホストして Google Fonts 経由では使えない豊富な OpenType 機能を有効にするまでの手順
-
これみんな気にならんの? 同じ font-weight 指定でもブラウザによってヒラギノ角ゴシック (Hiragino Sans) のウエイトが異なる件と、その解決方法
-
font-family: system-ui; しようと思ってちょっと試してみたけどやっぱりやめました(その理由も)
-
list-style-type: <string> を使った、おれおれリストマーカーの位置調整(小ネタ)
-
Jekyll プラグイン内で Markdown to HTML 変換したい場合は require "kramdown" ではなく find_converter_instance を使った方がよさそう
-
先日の拡大縮小できる画像一覧に auto-fill と auto-fit の切り替え機能を付けてみた + この 2 つの挙動の違いについて
-
CSS カスタム・プロパティ(変数)を JavaScript で取得 & 設定する方法を知るために、スライダーで拡大縮小ができる画像一覧を作ってみた
-
意図せず GSL を v2.8 にしてしまったがためにローカル環境の Jekyll が死にかけた
-
Jekyll のブログ記事に目次を付けられるようにした話と、関連して details 要素周りのフォーカス・リングのスタイリングに関する話など色々