作って学ぶＨＴＭＬ＋ＣＳＳグリッドレイアウト

難しい！と思っていたＣＳＳグリッドが使えるようになる。フローレイアウトが苦手とするデザインはＣＳＳグリッドで！ＨＴＭＬとＣＳＳの歴史からＣＳＳグリッドの「概念」をきっちりとらえ、実践的なサンプルを通してレイアウトを作成してみることでＣＳＳグリッドデザインをきちんとマスターできます。

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ページを作成します。

目次

Chapter 1　Web標準のレイアウトシステム
Chapter 2　CSSグリッドの誕生とその特徴
Chapter 3　基本のグリッド
Chapter 4　CSSグリッドのロジック
Chapter 5　グリッドレイアウト実践

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。