CSS

Shadow DOMの「黒歴史」を終わらせる、`::part`という名の美しきカプセル化の逃げ道Webコンポーネント、そしてShadow DOM。あの初めて触ったときの「俺たちのCSS汚染から完全に守られた、神聖なるカプセル化された小宇宙」...

こんにちは。ブラウザの描画パイプラインの裏側でうごめくピクセルどもの挙動に、今日も夜な夜なニヤついているフロントエンド・アーキテクトだ。近年のモダンブラウザにおける最大の革命の一つが「View Transitions API」であることは論...

こんにちは。フロントエンドの迷宮をブラウザの描画パイプラインと心中する覚悟で彷徨う、ただのCSSギークです。さて、近年のWebフロントエンドにおける最大のパラダイムシフトの一つといえば、間違いなく View Transitions API ...

CSSの進化は、ここ数年で完全に別の次元へと突入した。かつてはJavaScriptのDOM操作や重厚長大なライブラリに頼り切っていたページ遷移のアニメーションが、今やブラウザのネイティブ機能として、しかも圧倒的なパフォーマンスで実装できる。...

影のDOM（Shadow DOM）の先にある魔境：`::view-transition-group` の階層構造とパフォーマンスの調律こんにちは。日夜ブラウザの描画パイプラインとメモリ消費量のグラフを睨みつけながら、CSSの最適化に命を燃や...

View Transitions APIとCSS擬似要素群：DOMの境界を越えるレンダリング最適化とアーキテクチャ設計こんにちは。日夜、CSSのコンピュートコストやペイントの最適化、そしてブラウザの描画パイプラインの深淵に魅入られているフロ...

ブラウザのネイティブスペルチェッカーと心中するな：`::grammar-error` 擬似要素の限界と、堅牢なフロントエンドアーキテクチャこんにちは。日々、CSSの仕様書の行間とブラウザのレンダリングパイプラインの泥臭いバグに頭を悩ませてい...

ブラウザのネイティブスペルチェッカーを手なづける：`::spelling-error` 擬似要素のアーキテクチャと深層最適化フロントエンドのパフォーマンスチューニングにおいて、私たちは常にDOMノードの数、レイアウトシフト（CLS）、再描画...

HTMLの ``。フロントエンド開発の現場において、こいつほどデザイナー泣かせで、エンジニアを絶望の淵に叩き込んできた要素もないだろう。ブラウザのデフォルトスタイルはどれもこれも野暮ったく、Chrome、Safari、Firefox、そして...

最初の1文字に魂を宿す：`::first-letter` 擬似要素とドロップキャップの深淵Webのタイポグラフィにおいて、段落の先頭文字を大きく沈み込ませて配置する「ドロップキャップ（初期装飾文字）」は、雑誌や書籍の美学をデジタル空間に持ち...