作って学ぶHTML+CSSグリッドレイアウト(Compass Web Development) [単行本]

作って学ぶHTML+CSSグリッドレイアウト(Compass Web Development) の 商品概要

• 要旨（「BOOK」データベースより）

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

• 目次（「BOOK」データベースより）

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

• 出版社からのコメント

  「難しい」と敬遠していた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　グリッドレイアウト実践
  ーメニューやカードといった細かなUIパーツから構築し、それらを組み合わせて一般的なWebページを作成します。

• 著者について

  エビスコム
  エビスコム
  ebisu.com/
  
  Webと出版を中心にフロントエンド開発・制作・デザインを行っています。
  
  HTML/CSS、WordPress、 GatsbyJS、 Next.js、 Astro、 Docusaurus、Figma、 etc.
  
  主な編著書： 『作って学ぶ WordPress ブロックテーマ』マイナビ出版刊
  『作って学ぶ Next.js/React Webサイト構築』マイナビ出版刊
  『作って学ぶ HTML＆CSSモダンコーディング』同上
  『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上
  『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上
  『WordPressノート クラシックテーマにおけるtheme.jsonの影響と対策 2023』エビスコム電子書籍出版部刊
  『Astro v2とTinaCMSでシンプルに作るブログサイト』同上
  『HTML&CSS コーディング・プラクティスブック 1～8』同上
  ほか多数

作って学ぶHTML+CSSグリッドレイアウト(Compass Web Development) の商品スペック