作って学ぶＨＴＭＬ＋ＣＳＳグリッドレイアウト/エビスコム／著本・コミック：オンライン書店e-hon

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

Ｃｏｍｐａｓｓ　Ｗｅｂ　Ｄｅｖｅｌｏｐｍｅｎｔ

エビスコム／著

出版社名	マイナビ出版
出版年月	2024年2月
ISBNコード	978-4-8399-8496-0 （4-8399-8496-4）
税込価格	3,509円
頁数・縦	３１９Ｐ　２４ｃｍ

商品内容

要旨	難しい！と思っていたＣＳＳグリッドが使えるようになる。フローレイアウトが苦手とするデザインはＣＳＳグリッドで！ＨＴＭＬとＣＳＳの歴史からＣＳＳグリッドの「概念」をきっちりとらえ、実践的なサンプルを通してレイアウトを作成してみることでＣＳＳグリッドデザインをきちんとマスターできます。
目次	１　Ｗｅｂ標準のレイアウトシステム（フローレイアウト）（Ｗｅｂ標準のレイアウトシステム―フローレイアウトの生い立ちと基本フローレイアウトでレイアウトを制御するのは難しいハックを使ったレイアウトの登場）２　ＣＳＳグリッドの誕生とその特徴（ハックを使わないレイアウトのはじまりフレックスボックスレイアウトの登場　ほか）３　基本のグリッド（グリッドを構成するもの３タイプのグリッドでテキストと画像を並べる　ほか）４　ＣＳＳグリッドのロジック（グリッドの行列を生成する処理グリッドアイテムを配置する処理　ほか）５　グリッドレイアウト実践（構築するレイアウトスタックレイアウト（縦並び・横並び）　ほか）

要旨

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

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

出版社・メーカーコメント

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