CSS Advent Calendar エピローグ

Design と Web Design の思想を橋渡しする Design System。Semantic Design と Declarative Design System の関係性

Intrinsic Web Design/Every Layout/Utopia と Declarative Design. そして、Container Size Queries の実現

Web というメディアが本来持つ性質/値を最大限に活かす「Intrinsic Web Design」という考え方

Responsive Web Design までの歴史から見る、Web の制約と特性とデザインの理想

CSS Scope の背景と、CSS Scope の提案に至るまでの経緯から考察するメンタルモデル

Cascade Layers に付随して議論されたトピックと、Cascade Layers の具体的なユースケース

Cascade Layers の背景と、Cascade Layers の提案に至るまでの経緯から考察するメンタルモデル

「詳細度設計」としての「CSS アーキテクチャ」、その未来’

標準側での「スタイルのカプセル化」

Declarative UI の登場による CSS エコシステムの変遷

npm エコシステムと並行して、進化してきた CSS アーキテクチャ

AltCSS とも言える SassとPostCSS の登場、エコシステムへの影響

アプリケーションとしての Web の進化と SPA

iPhone の登場と、Web デザインにおける適応性の黎明

CSS におけるブラウザの負債とエコシステム側の解決策

CSS 標準から、CSS 標準外の変化への転換

何重ものフィルタリングと計算処理を経て、適用されるスタイルが決定するまでの仕組み

Origin の続きと、Cascade Sorting Order の全体像

Cascade Sorting Order と UA Origin の解剖

Cascade の登場と Importance の裏側

Cascade Layers 以前の Cascade

ヒントとしての CSS、あるいはコンテンツを守るための Web の設計思想

CSS 以前のドキュメントスタイル手法の提案 - Prevent the Web from becoming a giant fax machine!!

1989年の WorldWideWeb ブラウザから始まる、CSS 誕生前の Web の歴史の振り返り。スタイルのない時代から IMG タグ、FONT タグの登場。

CSS Advent Calendar Prologue

Blog written on Zenn

DISCLAIMER: Non-Tech. Pure life stuff here. Don't read if you expect tech.

Baseline という指標の活用可能性に関する考察

「親要素の任意プロパティ」にアクセスする手段として、`inherit()` の仕様が CSS Values and Units Module Level 5 で策定されています。これにより、Custom Properties を経由せず、親要素のプロパティを子要素から直接自己参照でき、長年望まれてきた非常に多くのユースケースが一挙に解決されることが期待されています。

Blog written on Zenn

本エントリでは、Document Outline Algorithm というユートピアと、その中で繰り広げられた HTML の歴史を振り返ります。また、Outline Algorithm の後継として実現が検討されている Heading Level Concept についての現状を記します。

Blog written on Zenn

本エントリでは、Interest Invokers の仕様策定において重要な「Show Interest」という概念と、 HIDs (Human Interface Devices) の「Show Interest」に係る議論の現状を解説します。

Blog written on Zenn

Safari 18.2でShipされた`view-transition-name: auto;`は、未だに議論の余地が残るため、仕様をよく理解した上での利用が必要な理由を解説します

長年の議論を経て、ようやく仕様が固まった、CustomizableなSelect要素の現状について、Parser Relaxationのを軸に解説します

2024年の振り返り

OpenUI Advent Calendar エピローグ

Open UIが提唱するデザインシステム、Global Design Systemとその未来

デザインシステムの開発を加速させる、堅牢で柔軟なGlobal Design Systemの提唱

Customizable Select Elementのまとめ

Customizable Select Elementの関連仕様: `<selectedcontent>` - 子Node変更検知タイミングの仕様決定（現時点で）

Customizable Select Elementの関連仕様: `<selectedcontent>` - 「同期タイミング」でクローンを作成の方針で決定。`cloneNode()`の制限が浮き彫りになる

Customizable Select Elementの関連仕様: `<selectedcontent>` - UAによるLight DOMへのNodeクローンタイミングの検討

Customizable Select Elementの関連仕様: `<selectedcontent>` - Light DOMへのクローン追加実装に関して、CSSWGとの合意形成。UAによるLight DOMへのNodeクローンタイミングに関する懸念を深掘る

Customizable Select Elementの関連仕様: `<selectedcontent>` - `slot`属性と`behavior`属性が使用廃止を受け、CSE Anatomyが改訂。HTML史上初となる、UAからLight DOMへ変更を加える実装検討へ

Customizable Select Elementの関連仕様: `<selectedcontent>` - 「選択された`<option>`を`<button>`にスロットしてカスタマイズできるようにする」唯一の手段、`slot`属性と`behavior`属性が使用廃止へ

本エントリでは、インタラクティブな要素がネストされたUIを、標準的な方法で実現しようという「Link Area Delegation」Proposalについて紹介します。

Customizable Select Elementの関連仕様: `<selectedcontent>` - `<option>`の内部コンテンツ自体を`<selectedcontent>`に反映する仕様の検討

Customizable Select Elementの関連仕様: `<selectedcontent>` - `part`属性をCSEのUA実装で使用することの問題から、`part`属性を`behavior`属性にリネームへ。`<option>`のvalueのみならず、内部コンテンツ自体を`<selectedcontent>`に反映する仕様策定の示唆

Customizable Select Elementの関連仕様: `<selectedcontent>` - `<selectedcontent>`提案のきっかけと、選択された`<option>`のvalueとスタイルを反映する初期の仕組みとして、`part`属性と`slot`属性について

Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker()`のデフォルト色から深掘る、system-color/ color-scheme/ prefers-color-schemeの関係

Customizable Select Elementの関連仕様: `appearance: base-select;` - `::picker-icon`のデフォルトスタイルはどうやって決まったのか

Customizable Select Elementの関連仕様: `appearance: base-select;` - 選択された`<option>`のデフォルトチェックマークのスタイルはどうやって決まったのか

`<selectmenu>`のその後：`<selectlist>`から`<select>`に至るまで

`<selectmenu>`のその後：`<selectlist>`に至るまで

Open UIでCSEのResearchが行われる。同時期にMSで`<selectmenu>`Explainerの作成。Explainerに基づいて、`<selectmenu>`がIntent to Prototypeに

Open UIでCustomizable Select Elementの初期提案

Web標準化の動きが進んでもなお、CustomizableでないForm Controlの紹介。Customizable Select Element提案の契機となるサーベイ

ブラウザ戦争の激化と、OSに依存したコントロールの問題の顕在化。打開する動きとして、WaSPによるWeb標準の台頭への動き、モダンブラウザの登場、より柔軟なスタイリングを可能にするCSS3の登場

Form Controlの歴史と、ブラウザやOSに依存するForm Controlのスタイルについて

Web UIの抱える課題とOpen UIの発足背景について

Open UIの概要と、その調査方法

OpenUI Advent Calendar プロローグ

Practical Accessibility のメモ

Blog written on Zenn

Blog written on Zenn

Blog written on Zenn

Blog written on Zenn

Blog written on Zenn

2024/4から24卒として新人研修を受けてました。終わってから配属などあり、ようやく落ち着いてきたので、ざっくりと研修の内容を書いたり感想を書いたりします。まとまりはないです。

Blog written on Zenn

チーム開発何もわからんだった私が、チームワークを大切にする会社の内定者アルバイトに参加して思ったことをつらつら書きます。まとまりはないです。

Blog written on Zenn

Blog written on Zenn

Blog written on Zenn

Blog written on Zenn

Blog written on Zenn