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

マイナビ出版
エビスコム　

• 価格: 3,509円（本体3,190円＋税）
• 発行年月: 2024年02月
• 判型: Ｂ５
• ISBN: 9784839984960

内容情報

[BOOKデータベースより]

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

１　Ｗｅｂ標準のレイアウトシステム（フローレイアウト）（Ｗｅｂ標準のレイアウトシステム―フローレイアウトの生い立ちと基本；フローレイアウトでレイアウトを制御するのは難しい；ハックを使ったレイアウトの登場）
２　ＣＳＳグリッドの誕生とその特徴（ハックを使わないレイアウトのはじまり；フレックスボックスレイアウトの登場　ほか）
３　基本のグリッド（グリッドを構成するもの；３タイプのグリッドでテキストと画像を並べる　ほか）
４　ＣＳＳグリッドのロジック（グリッドの行列を生成する処理；グリッドアイテムを配置する処理　ほか）
５　グリッドレイアウト実践（構築するレイアウト；スタックレイアウト（縦並び・横並び）　ほか）

[日販商品データベースより]

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