作って学ぶ HTML+CSSグリッドレイアウト

by エビスコム

「難しい」と敬遠していたCSSグリッドがきちんと身につく。

CSSグリッドを用いてWebサイトをデザインするための実践的な知識をまとめました。
より深く理解し身に着けるために、HTML & CSSの歴史から振り返り、CSSグリッドの立ち位置や基本を見直した上で、
実践的なパーツやUIを構築し、力がつく一冊になっています。
「CSSグリッドってなんだか難しい」と距離を置いていた方も、きっと使える知識が身につきます。


Chapter 1　Web標準のレイアウトシステム
―Web が誕生したときから使われてきた、標準のレイアウトシステムである「フローレイアウト」。
　その生い立ちからなぜ「フローレイアウト」ではレイアウトを制御するのが難しいのか、紐解いていきます。

Chapter 2　CSSグリッドの誕生とその特徴
ー「CSS グリッド」が登場した背景を追います。

Chapter 3　基本のグリッド
ー3 タイプのグリッド「トラック」「ライン」「テンプレート」の構築をサンプルを用いて学びます。

Chapter 4　CSSグリッドのロジック
ーグリッドの行列の生成、アイテムの配置、トラックサイズの確定といった処理がどのように行われるのか、などCSS グリッドのロジックを深く掘り下げていきます。

Chapter 5　グ

Kindle Edition

Published February 28, 2024