発行
Webフォントの読み込み中にテキストがどう表示されるかを制御するfont-displayプロパティについて、FOIT/FOUTの概念と併せて解説します。
Markdownフォーマッターを作ろうとして失敗した話。サブエージェントという機能の特性を理解していなかったことが原因でした。
CSSのattr()関数の機能拡張により、任意のCSSプロパティで使用できるようになりました。後編では、CSS Gridの列幅の制御や画像のURL指定など、実践的な応用例を紹介します。
発行
従来は疑似要素のcontentプロパティでのみ使用できたCSSのattr()関数の仕様が大きく変更され、任意のCSSプロパティで使用できるようになりました。まずは基本的なところを見ていきます。
-webkit-text-strokeは手軽に文字の縁取りを実現できますが、ブラウザ間の差異や仕様上の制限もあります。後編ではその制約を整理し、text-shadowやSVGフィルターなどの代替手法を紹介します。
リアクティブなしでDOM置換による再レンダリングを実現し、フォーカス制御や部分的な更新など、実装上の課題と解決方法を解説します。
発行
AIを用いた開発はWebデザインの現場にも大きな変化をもたらしています。UIデザイナーとエンジニアの協業もAIの出現によって変わっていくのかもしれない、そんな予感のする座談会になりました。
Webフォントの読み込みを最適化するpreconnectの仕組みと、フォントに必須のCORS・crossorigin属性について解説します。
AIエージェントにドキュメントを作らせようとして失敗した話の続きです。AIと人間の判断の違いについて紹介します。
発行
文字の縁取りは、CSSでは意外と悩みがちです。太さを変えると文字が潰れたり、ブラウザごとに見え方が違ったり。この記事では縁取り文字を安定して制御する考え方と実践的な表現テクニックを整理します。
HTML/CSS、Web標準、ブラウザの動向について座談会形式で振り返ります。後編ではブラウザの動向について話していきます。
後編では組織の中のプロフェッショナルに焦点を当てます。どのような立ち位置であるのか、どのようなスキルが求められるのか、考えてみます。