作って学ぶ HTML+CSSグリッドレイアウト
「難しい」と敬遠していたCSSグリッドがきちんと身につく。 CSSグリッドを用いてWebサイトをデザインするための実践的な知識をまとめました。 より深く理解し身に着けるために、HTML & CSSの歴史から振り返り、CSSグリッドの立ち位置や基本を見直した上で、 実践的なパーツやUIを構築し、力がつく一冊になっています。 「CSSグリッドってなんだか難しい」と距離を置いていた方も、きっと使える知識が身につきます。 Chapter 1 Web標準のレイアウトシステム ―Web が誕生したときから使われてきた、標準のレイアウトシステムである「フローレイアウト」。 その生い立ちからなぜ「フローレイアウト」ではレイアウトを制御するのが難しいのか、紐解いていきます。 Chapter 2 CSSグリッドの誕生とその特徴 ー「CSS グリッド」が登場した背景を追います。 Chapter 3 基本のグリッド ー3 タイプのグリッド「トラック」「ライン」「テンプレート」の構築をサンプルを用いて学びます。 Chapter 4 CSSグリッドのロジック ーグリッドの行列の生成、アイテムの配置、ト