Talkin’ about J.F.
Web 制作やハモンドオルガン、地域の話題などに関する雑多なテキスト。いわゆるブログのたぐいです。タイトルはオルガン・レジェンドのひとり Larry Young 作の名曲「Talkin’ About J.C.」のパク…いやリスペクト。
比較的新しめの記事
ユーザーの iOS に入っているヒラギノ角ゴシックのウエイトに合わせて font-weight を調整するためのスクリプトを書いてみた
iOS にヒラギノの W4 が入ったのは割と最近なので、サイト側で W4 指定をしてても iOS 17.x 以前の環境では W3 で表示されてしまいます。でもそれだと困る場面もあるので、閲覧環境に合わせてウエイトを調整したいと思って試行錯誤してみました。
右寄せやゼロ埋めを使わずに月リストのお尻のラインを揃える CSS
年月別アーカイブの月のリストがスマホなどで複数列になる場合には「月」の位置で縦列を合わせたいのだけど、デザイン上右寄せにはしたくないし頭に 0 も付けたくないので、どちらも使わずに揃える方法はないものか…と考えてたら思いついた CSS のコードです。
CSS カスケード・レイヤーのサポート有無を判別して、非対応ブラウザにも最低限のスタイルを当てる方法を(それをやる必要があるかどうかはともかく)考えてみた
カスケード・レイヤーを使って 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 要素周りのフォーカス・リングのスタイリングに関する話など色々
-
前後へ移動するナビゲーションを付けた話と、それに関連して前の年 / 次の年を探す Jekyll プラグインを書いた話