出版社内容情報
CSSグリッドを用いてWebサイトをデザインするための実践的な知識をまとめました。
より深く理解し身に着けるために、HTML & CSSの歴史から振り返り、CSSグリッドの立ち位置や基本を見直した上で、
実践的なパーツやUIを構築し、力がつく一冊になっています。
「CSSグリッドってなんだか難しい」と距離を置いていた方も、きっと使える知識が身につきます。
Chapter 1 Web標準のレイアウトシステム
―Web が誕生したときから使われてきた、標準のレイアウトシステムである「フローレイアウト」。
その生い立ちからなぜ「フローレイアウト」ではレイアウトを制御するのが難しいのか、紐解いていきます。
Chapter 2 CSSグリッドの誕生とその特徴
ー「CSS グリッド」が登場した背景を追います。
Chapter 3 基本のグリッド
ー3 タイプのグリッド「トラック」「ライン」「テンプレート」の構築をサンプルを用いて学びます。
Chapter 4 CSSグリッドのロジック
ーグリッドの行列の生成、アイテムの配置、トラックサイズの確定といった処理がどのように行われるのか、などCSS グリッドのロジックを深く掘り下げていきます。
Chapter 5 グリッドレイアウト実践
ーメニューやカードといった細かなUIパーツから構築し、それらを組み合わせて一般的なWebページを作成します。
内容説明
難しい！と思っていたＣＳＳグリッドが使えるようになる。フローレイアウトが苦手とするデザインはＣＳＳグリッドで！ＨＴＭＬとＣＳＳの歴史からＣＳＳグリッドの「概念」をきっちりとらえ、実践的なサンプルを通してレイアウトを作成してみることでＣＳＳグリッドデザインをきちんとマスターできます。
目次
１ Ｗｅｂ標準のレイアウトシステム（フローレイアウト）（Ｗｅｂ標準のレイアウトシステム―フローレイアウトの生い立ちと基本；フローレイアウトでレイアウトを制御するのは難しい；ハックを使ったレイアウトの登場）
２ ＣＳＳグリッドの誕生とその特徴（ハックを使わないレイアウトのはじまり；フレックスボックスレイアウトの登場 ほか）
３ 基本のグリッド（グリッドを構成するもの；３タイプのグリッドでテキストと画像を並べる ほか）
４ ＣＳＳグリッドのロジック（グリッドの行列を生成する処理；グリッドアイテムを配置する処理 ほか）
５ グリッドレイアウト実践（構築するレイアウト；スタックレイアウト（縦並び・横並び） ほか）
