CSSで実装する時、フロントエンドのデベロッパーは何を考え、どういうことに配慮して実装するのか

UIコンポーネントをCSSで実装する時に、何を考えながら実装するのか、どういうことに配慮して実装するのかを紹介します。 CSSの何を使用して配置するのかベストか、レスポンシブの対応方法をはじめ、グラデーションをより美しく実装する方法、clamp()によるフォントサイズの定義、論理プロパティの使用など、CSSの実践的なテクニックについても解説されています。 Inside the mind of a frontend developer: Hero section by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 実装するヒーローコンポーネント HTMLの構造を考える グラデーションの背景 疑似要素 スマホでの表示を考える ヒーローの最小高さ 配置のためのCSS Gridとその際の課題 コン

[coliss]

UIコンポーネントをCSSで実装する時に、何を考えながら実装するのか、どういうことに配慮して実装するのか。

[w_bonbon]

未だにIEでも見れるようなCSSを無意識に書いてしまう人々の集まりよ。

[Shinwiki]

考えてたの！？

[ttkazuma]

背景画像にimg要素（altが空）を使う時点で、思想的に相容れないわ

[mayumayu_nimolove]

自動化