CSSレイアウト:批判的分析

2025-08-06

この記事は、CSSレイアウトメカニズムの批判的分析を提供します。著者は、CSSがリッチテキストのスタイルとレイアウトシステムを混同しているため、継承が矛盾していると主張しています。テキストスタイルは継承されますが、レイアウトプロパティは継承されません。入れ子になったインラインブロックとインラインフレックスモデルはこの矛盾を示しています。内部的にはブロックまたはフレックスですが、外部的にはインライン要素です。著者は、理想的なレイアウトシステムは動作を独立したファセットに分解し、現在の減算的なAPIよりも柔軟で直感的なAPIを提供する必要があると提案しています。最後に、この記事は、相対emスケーリングの限界とピクセル処理の改善にも触れています。

続きを読む
開発

サブピクセル距離変換:WebGPUにおける高品質フォントレンダリングのブレークスルー

2024-12-26

この記事では、WebGPU環境下での高品質フォントレンダリングの課題と解決策について深く掘り下げています。既存の符号付き距離場(SDF)生成方法の欠点を指摘し、著者は革新的なサブピクセル精度距離変換アルゴリズム(ESDT)を提案しています。ESDTはCPUとGPUの長所を巧みに組み合わせ、改良されたユークリッド距離変換アルゴリズムを用いることで、従来の方法がサブピクセル精度とグレースケールピクセルを扱う際に発生するずれを効果的に解決します。その結果、絵文字を含む様々なフォントの正確なレンダリングを実現し、フォントレンダリングの品質を大幅に向上させています。

続きを読む