Google I/O 2026 (1st edition!)
DISCLAIMER: Semi-tech & mostly everyday kind of stuff! It means skip this content if you're expecting 100% tech content.
@sakupi01.com blog
Blogs written by saku
本サイトにおける Web UI のプラクティス #2 Typography
本サイトの Typography のプラクティスを紹介します。ユーザの設定を仮定せず、ブラウザ設定・画面幅・解像度・OS テキストスケールに段階的に応える Typography の組み方を、本サイトでの実装と合わせて整理します。本エントリは
本サイトにおける Web UI のプラクティス #1 Overview & Basics
本サイトの Web UI における CSS 設計のプラクティスを、全体像と基盤となるスタイルを中心に紹介します。本エントリは個人連載の一部です。
2025 In Review
2025年の振り返り
CSS Masonry のあゆみと現状
CSS Masonry（Grid-Lanes）の仕様策定の経緯と現状のまとめ
TPAC 2025 @Kobe Diary
TPAC 2025 参加記（Unpolished ver.）
Google Developer Experts にジョインしました
Joined Google Developer Experts (GDE) program as a Web Technologies expert focusing on CSS & UI.
Case Study@web.dev - How Cybozu eliminated browser compatibility overhead with Baseline
Baseline の企業レベル導入事例
🎨 CSS Advent Calendar: Day 25 / Epilogue
CSS Advent Calendar エピローグ
🎨 CSS Advent Calendar: Day 24 / The Future of Web UI is Declarative. - How Design System can bridge Imperative Design?
Design と Web Design の思想を橋渡しする Design System。Semantic Design と Declarative Design System の関係性
🎨 CSS Advent Calendar: Day 23 / Declarative Web Design
Intrinsic Web Design/Every Layout/Utopia と Declarative Design. そして、Container Size Queries の実現
🎨 CSS Advent Calendar: Day 22 / Intrinsic Web Design - Beyond Responsive and Embrace the nature of the Web
Web というメディアが本来持つ性質/値を最大限に活かす「Intrinsic Web Design」という考え方
🎨 CSS Advent Calendar: Day 21 / A Quick History of Web Design
Responsive Web Design までの歴史から見る、Web の制約と特性とデザインの理想
🎨 CSS Advent Calendar: Day 20 / CSS Scope with backgrounds
CSS Scope の背景と、CSS Scope の提案に至るまでの経緯から考察するメンタルモデル
🎨 CSS Advent Calendar: Day 19 / Cascade Layers in real world use
Cascade Layers に付随して議論されたトピックと、Cascade Layers の具体的なユースケース
🎨 CSS Advent Calendar: Day 18 / Cascade Layers with background story
Cascade Layers の背景と、Cascade Layers の提案に至るまでの経緯から考察するメンタルモデル
🎨 CSS Advent Calendar: Day 17 / Specificity Architecture is what CSS Architecture is
「詳細度設計」としての「CSS アーキテクチャ」、その未来’
🎨 CSS Advent Calendar: Day 16 / Hard Core Scoping of Standard
標準側での「スタイルのカプセル化」
Unlocking Parent Style Inheritance✨/ Nested で Dynamic で Adoptive なスタイルを実現する `inherit()`
「親要素の任意プロパティ」にアクセスする手段として、`inherit()` の仕様が CSS Values and Units Module Level 5 で策定されています。これにより、Custom Properties を経由せず、親
🎨 CSS Advent Calendar: Day 15 / CSS meets npm Ecosystem - the second shot - Component Based CSS
Declarative UI の登場による CSS エコシステムの変遷
🎨 CSS Advent Calendar: Day 14 / Thoughts on CSS Architecture
npm エコシステムと並行して、進化してきた CSS アーキテクチャ
🎨 CSS Advent Calendar: Day 13 / CSS meets npm Ecosystem - the first shot ... AltCSS
AltCSS とも言える SassとPostCSS の登場、エコシステムへの影響
🎨 CSS Advent Calendar: Day 12 / Web Apps are demanded! - The Emergence of SPA
アプリケーションとしての Web の進化と SPA
🎨 CSS Advent Calendar: Day 11 / The Birth of Responsive Design
iPhone の登場と、Web デザインにおける適応性の黎明
🎨 CSS Advent Calendar: Day 10 / Interoperability in CSS, &c.
CSS におけるブラウザの負債とエコシステム側の解決策
🎨 CSS Advent Calendar: Day 9 / Standards and Ecosystem
CSS 標準から、CSS 標準外の変化への転換
🎨 CSS Advent Calendar: Day 8 / Basics of Style Resolution
何重ものフィルタリングと計算処理を経て、適用されるスタイルが決定するまでの仕組み
🎨 CSS Advent Calendar: Day 7 / The Cascade for Cascading Style Sheets - The Whole Cascade Universe v1
Origin の続きと、Cascade Sorting Order の全体像
🎨 CSS Advent Calendar: Day 6 / Cascade for Cascading Style Sheets - UA Origin in Cascade
Cascade Sorting Order と UA Origin の解剖
🎨 CSS Advent Calendar: Day 5 / Cascade for Cascading Style Sheets - Behind the Scenes of Importance
Cascade の登場と Importance の裏側
🎨 CSS Advent Calendar: Day 4 / The Initial Cascade
Cascade Layers 以前の Cascade
🎨 CSS Advent Calendar: Day 3 / CSS is Optional. Protect the Content!
ヒントとしての CSS、あるいはコンテンツを守るための Web の設計思想
🎨 CSS Advent Calendar: Day 2 / CSS “to save HTML”
CSS 以前のドキュメントスタイル手法の提案 - Prevent the Web from becoming a giant fax machine!!
🎨 CSS Advent Calendar: Day 1 / Pre-Styling Era
1989年の WorldWideWeb ブラウザから始まる、CSS 誕生前の Web の歴史の振り返り。スタイルのない時代から IMG タグ、FONT タグの登場。
🎨 CSS Advent Calendar: Day 0 / Prologue
CSS Advent Calendar Prologue
From 7 Hours Behind
DISCLAIMER: Non-Tech. Pure life stuff here. Don't read if you expect tech.
[Thoughts Are Appreciated!] Baseline という指標の活用可能性に関する考察
Baseline という指標の活用可能性に関する考察
The Outline Algorithm Utopia
本エントリでは、Document Outline Algorithm というユートピアと、その中で繰り広げられた HTML の歴史を振り返ります。また、Outline Algorithm の後継として実現が検討されている Heading L
Standardizing User Intent with Interest Invokers ! (... and it's complicated)
本エントリでは、Interest Invokers の仕様策定において重要な「Show Interest」という概念と、 HIDs (Human Interface Devices) の「Show Interest」に係る議論の現状を解説し
Safari 18.2 「view-transition-name: auto;」への警鐘
Safari 18.2でShipされた`view-transition-name: auto;`は、未だに議論の余地が残るため、仕様をよく理解した上での利用が必要な理由を解説します