Web制作者は要チェック！ スマホでもテキストサイズの拡大縮小ができるようになるなど、Chrome 146で新しく追加された5個のCSSの機能

2026/03/13(Fri) 08:56

スマホでもテキストの拡大縮小ができるようように これまでiOSやAndroidではテキストサイズを変更しても、Webページのテキストサイズに反映されないことがありました。これはブラウザと作成されたコードに依存しており、推奨されるアプローチとは異なります。Chrome 146でmetaに新しくtext-scaleが導入されました。これにより、ユーザーはOSでフォ​​ントサイズの設定を大きくした場合に、フォントサイズを大きくできるようになります。

https://coliss.com/articles/build-websites/operation/work/chrome-146-adds-5-new-css-feature.html

これでSVGアイコンを探すときに困らない！ 無料で商用利用できるライブラリを横断検索できる便利サイト -All SVG Icons

2026/03/12(Thu) 08:52

SVGアイコン、特に無料で利用できるオープンソースのSVGアイコンをまとめて検索・閲覧できる便利なサイトを紹介します。さまざまなSVGアイコンのライブラリを横断検索することもでき、好みのデザインを見つけて、SVGアイコンをダウンロードすることもできます。

https://coliss.com/articles/build-websites/operation/work/all-svg-icons.html

シンプルだから使いやすい！ ページの途中で上方向にスクロールするとヘッダを上部から表示する超軽量スクリプト -Peek

2026/03/11(Wed) 08:56

ユーザーが下方向にスクロールするとヘッダを自動的に非表示にし、ページの途中で上方向にスクロールするとヘッダを表示する、超軽量のスクリプトを紹介します。実装は非常に簡単で、カスタマイズも簡単、既存のWebページに導入することも簡単です。依存関係はなく、単独で動作します。

https://coliss.com/articles/build-websites/operation/javascript/headroom-style-scroll-intent-library.html