Chrome 142リリース、Vercel FunctionsにBunランタイム追加、ESLint v9.39.0、Design Tokens仕様初回安定版リリース、GitHub Immutable releases一般提供開始など。
Vercel Proプラン大幅変更、CSSコンテナクエリBaseline Widely到達、Learn CSSコースリフレッシュ、Wrangler CLIで設定ファイルなしの静的サイトデプロイが可能に、Built with Cloudflareボタン、pnpm 10.16、minimumReleaseAgeとfinder functions、Deno 2.5、設定ファイル内権限設定とテストAPI拡張など。
State of CSS 2025の結果発表、Bun v1.2.20のyarn.lockサポート、GitHubのIssueやPRに添付できるファイルタイプの拡張など
ECMAScript 2025承認、Chrome 138のAI API搭載、Vite 7.0リリース、Prettier 3.6の高速CLI、Playwright v1.53.0、ESLint v9.30.0のサブディレクトリ対応、カスタムリポジトリロールにGitHub Actions fine-grain権限、Google Offerwallなど
Astro 5.7のSessions API安定化、SVG Components、Experimental Fonts API、Config Imports、h1要素のデフォルトスタイル変更、RspackとNext.jsの統合、Cloudflare WorkersへのNext.jsデプロイ、Googleの国別ドメイン統合について。
Chrome 135でサポートされたCSS Overflow Module Level 5によるCSSカルーセルの実装方法
list-styleを無効化したul要素にlistロールを指定すべきという方針はアンチパターンである可能性が高い。
CSSがサポートしている色空間の特性や歴史的な経緯、カラーパレットを生成する場合にOKLCH色空間の利用を推奨する理由について解説する。
overflow-yを指定したら、縦スクロールバーが表示されるようになる状況の解説と対処法について書いた。
textareaにfield-sizing: content; width: 100%;などを指定しても親要素の幅を超えてしまうという相談を受けたので、その原因と対応についてまとめた。
Chrome 124からaspect-ratioが指定されたgridアイテムがoverflowするようになったという報告があったので、その理由と対処方法についてまとめた。
position: stickyが効かないという質問を受けたことが度々あったので、その原因と解決策についてまとめた。
file-selector-buttonを利用してinput[type="file"]を装飾する方法とその是非について。
動的的にコンテンツが増えるようなサービスでは、クラシックスクロールバーによって画面が崩れたような印象を与えてしまう場合がある。この記事では、クラシックスクロールバーとオーバーレイスクロールバーの軽い説明と、scrollbar-gutterによる対策を説明する。
Noto Sansを使った際に、他のフォントと比べて下にずれたように見える問題についての調査をまとめた。
iPhoneで見るとフォーム画面が崩れる問題について調査した結果をまとめた。
CSS Media Query、特にmin-widthまたはmax-widthを利用する場合に気を付けた方が良いパターンや知見について紹介する。これらのメディア特性が自由に扱われているスタイルは破綻しやすい。
モダンなブラウザのみサポートする場合は、scrollbar-width: noneの指定のみでスクロールバーを隠すことが出来る。
CSS変数に色をそのまま宣言するのではなく、パラメーターを持たせておくことで、`rgb()`や`hsl()`、`lch()`などの関数に渡して、色を生成する方法を紹介する。
@media printや@page、break-inside、break-before、break-after、print-color-adjustなどを利用して印刷時の見た目を調整する方法を紹介する。
Safari 16でサポートされ、全ての主要なブラウザで利用できるようになったtext-align-lastについて紹介する。