OpenUIとその周辺標準技術に関する一人アドベントカレンダーです
気になったProposalを読んでまとめたり、それに関する周辺Web標準技術の話(HTML, CSS, ECMAScript, ARIAなど)について書いていきます。
https://github.com/openui/open-ui
🎄Open UI Advent Calendar: Day 0 / Prologue
UPDATE: 連載では、Customizable Select ElementとGlobal Design Systemを取り上げました
SUN | MON | TUE | WED | THU | FRI | SAT |
---|---|---|---|---|---|---|
1 saku | 2 saku | 3 saku | 4 saku | 5 saku | 6 saku | 7 saku |
8 saku | 9 saku | 10 saku | 11 saku | 12 saku | 13 saku | 14 saku |
15 saku | 16 saku | 17 saku | 18 saku | 19 saku | 20 saku | 21 saku |
22 saku | 23 saku | 24 saku | 25 saku |
- 12/1OpenUIについて🎄Open UI Advent Calendar: Day 1 / Open UIについて - saku
- 12/2Web UIの抱える課題とOpen UIの発足背景🎄Open UI Advent Calendar: Day 2 / Web UIの抱える課題とOpen UIの発足背景 - saku
- 12/3Form Controlの歴史と、ブラウザやOSに依存するForm Controlのスタイルについて
- 12/4ブラウザ戦争の激化と、OSに依存したコントロールの問題の顕在化。打開する動きとして、WaSPによるWeb標準の台頭への動き、モダンブラウザの登場、より柔軟なスタイリングを可能にするCSS3の登場🎄Open UI Advent Calendar: Day 4 / Customizable Select Element Ep.2 - saku
- 12/5Web標準化の動きが進んでもなお、CustomizableでないForm Controlの紹介。Customizable Select Element提案の契機となるサーベイ
- 12/6Open UIでCustomizable Select Elementの初期提案🎄Open UI Advent Calendar: Day 6 / Customizable Select Element Ep.4 - saku
- 12/7Open UIでCSEのResearchが行われる。同時期にMSで`<selectmenu>`Explainerの作成。Explainerに基づいて、`<selectmenu>`がIntent to Prototypeに🎄Open UI Advent Calendar: Day7 / Customizable Select Element Ep.5 - saku
- 12/8`<selectmenu>`のその後:`<selectlist>`に至るまで🎄Open UI Advent Calendar: Day 8 / Customizable Select Element Ep.6 - saku
- 12/9`<selectmenu>`のその後:`<selectlist>`から`<select>`に至るまで
- 12/10Customizable Select Elementの関連仕様: `appearance: base-select;` - 選択された`<option>`のデフォルトチェックマークのスタイルはどうやって決まったのか
- 12/11Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker-icon`のデフォルトスタイルはどうやって決まったのか
- 12/12Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker()`のデフォルト色から深掘る、system-color/ color-scheme/ prefers-color-schemeの関係🎄Open UI Advent Calendar: Day 12 / Customizable Select Element Ep.10 - saku
- 12/13Customizable Select Elementの関連仕様: `<selectedcontent>` - `<selectedcontent>`提案のきっかけと、選択された`<option>`のvalueとスタイルを反映する初期の仕組みとして、`part`属性と`slot`属性について🎄Open UI Advent Calendar: Day 13 / Customizable Select Element Ep.11 - saku
- 12/14Customizable Select Elementの関連仕様: `<selectedcontent>` - `part`属性をCSEのUA実装で使用することの問題から、`part`属性を`behavior`属性にリネームへ。`<option>`のvalueのみならず、内部コンテンツ自体を`<selectedcontent>`に反映する仕様策定の示唆🎄Open UI Advent Calendar: Day 14 / Customizable Select Element Ep.12 - saku
- 12/15Customizable Select Elementの関連仕様: `<selectedcontent>` - `<option>`の内部コンテンツ自体を`<selectedcontent>`に反映する仕様の検討🎄Open UI Advent Calendar: Day 15 / Customizable Select Element Ep.13 - saku
- 12/16Customizable Select Elementの関連仕様: `<selectedcontent>` - 「選択された`<option>`を`<button>`にスロットしてカスタマイズできるようにする」唯一の手段、`slot`属性と`behavior`属性が使用廃止へ🎄Open UI Advent Calendar: Day 16 / Customizable Select Element Ep.14 - saku
- 12/17Customizable Select Elementの関連仕様: `<selectedcontent>` - `slot`属性と`behavior`属性が使用廃止を受け、CSE Anatomyが改訂。HTML史上初となる、UAからLight DOMへ変更を加える実装検討へ🎄Open UI Advent Calendar: Day 17 / Customizable Select Element Ep.15 - saku
- 12/18Customizable Select Elementの関連仕様: `<selectedcontent>` - Light DOMへのクローン追加実装に関して、CSSWGとの合意形成。UAによるLight DOMへのNodeクローンタイミングに関する懸念を深掘る🎄Open UI Advent Calendar: Day 18 / Customizable Select Element Ep.16 - saku
- 12/19Customizable Select Elementの関連仕様: `<selectedcontent>` - UAによるLight DOMへのNodeクローンタイミングの検討🎄Open UI Advent Calendar: Day 19 / Customizable Select Element Ep.17 - saku
- 12/20Customizable Select Elementの関連仕様: `<selectedcontent>` - 「同期タイミング」でクローンを作成の方針で決定。`cloneNode()`の制限が浮き彫りになる🎄Open UI Advent Calendar: Day 20 / Customizable Select Element Ep.18 - saku
- 12/21Customizable Select Elementの関連仕様: `<selectedcontent>` - 子Node変更検知タイミングの仕様決定(現時点で)🎄Open UI Advent Calendar: Day21 / Customizable Select Element Ep.19 - saku
- 12/22Customizable Select Elementのまとめ🎄Open UI Advent Calendar: Day 22 / Customizable Select Element Ep.20 - saku
- 12/23デザインシステムの開発を加速させる、堅牢で柔軟なGlobal Design Systemの提唱🎄Open UI Advent Calendar: Day 23 / Global Design System Part1 - saku
- 12/24Open UIが提唱するデザインシステム、Global Design Systemとその未来🎄Open UI Advent Calendar: Day 24 / Global Design System Part2 - saku
- 12/25エピローグ🎄Open UI Advent Calendar: Day 25 / Epilogue - saku