CSS polyfill とその未来 

ブラウザの標準化まわりを追うのが趣味 最近はReactを使ったアプリケーションを書いています。 ユーザーインターフェイスやブラウザが好き。 https://github.com/ken7253 https://zenn.dev/ken7253 https://bsky.app/profile/ken7253.bsky.social https://dairoku-studio.com ken7253 Frontend developer 

CSSの新機能 プロダクションで 使えていますか？ 

No content

Baseline Widely available :is() / :where() width: fit-content / min-content; @layer display: block flex; (display Multi-keyword values) clamp() / min() / max() 

No content

構文のトランスパイル typescript / babel 組み込みオブジェクトのサポート core-js / promise-polyfill 利用できないAPIの制限 @eslint/compat / typescript(lib option) 

構文のトランスパイル post-css plugins / Sass プロパティのサポート ❌️ => polyfillが必要 利用できないAPIの制限 stylelint-browser-compat 

なぜCSSのPolyfillは実現が難しいのか 

new-feater という新しいプロパティのpolyfillを作ることを考えます。 なぜCSSのPolyfillは実現が難しいのか new-feater: inherit; :root { display: block flex; } 

string CSSOM string DOM CSS CSS parser Layout tree HTML HTML parser Painting なぜCSSのPolyfillは実現が難しいのか 

string string CSSOM CSSOM string DOM CSS CSS parser Custom parser Layout tree HTML HTML parser Painting 特定の keyword や selector /一部の at-rule の拡張が可能になりそう。 ただこれだけではLayoutなどには関与できない。 なぜCSSのPolyfillは実現が難しいのか 

string string CSSOM string DOM DOM CSS CSS parser Custom parser Layout tree HTML HTML parser Custom Painting? Painting なぜCSSのPolyfillは実現が難しいのか 

No content