#web-design
タグ「web-design」に分類された、合計 2 件の記事を掲載しています。
配置場所で崩れない！CSSコンテナクエリで自律適応するカードUIを設計する
メディアクエリ依存のカードUIは配置場所によって表示崩れを起こしがちです。本記事ではCSSコンテナクエリのcontainer-typeやcqi単位を活用し、親要素の幅に応じて自在に形を変える再利用性の高いカードUIの設計手法を解説します。
FlexboxとGridを使い分け！モダンWebの美しいレイアウト設計パターン
CSS GridとFlexboxの基本から実践的な使い分け、レスポンシブデザインへの応用まで解説します。複雑なWebレイアウトを直感的かつ効率的に構築し、保守性の高いCSS設計スキルを身につけ、モダンなWeb開発の必須技術を習得しましょう。