作って学ぶ HTML+CSSグリッドレイアウト
マイナビ出版
- エビスコム(著者)
「難しい」と敬遠していた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ページを作成します。
発売日:2024-02-28
ページ数:320ページ
目次
Chapter 1 Web標準のレイアウトシステム
Chapter 2 CSSグリッドの誕生とその特徴
Chapter 3 基本のグリッド
Chapter 4 CSSグリッドのロジック
Chapter 5 グリッドレイアウト実践
著者プロフィール
-
エビスコム(著者)
エビスコム
ebisu.com/
Webと出版を中心にフロントエンド開発・制作・デザインを行っています。
HTML/CSS、WordPress、 GatsbyJS、 Next.js、 Astro、 Docusaurus、Figma、 etc.
主な編著書: 『作って学ぶ WordPress ブロックテーマ』マイナビ出版刊
『作って学ぶ Next.js/React Webサイト構築』マイナビ出版刊
『作って学ぶ HTML&CSSモダンコーディング』同上
『HTML5&CSS3デザイン 現場の新標準ガイド【第2版】』同上
『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上
『WordPressノート クラシックテーマにおけるtheme.jsonの影響と対策 2023』エビスコム電子書籍出版部刊
『Astro v2とTinaCMSでシンプルに作るブログサイト』同上
『HTML&CSS コーディング・プラクティスブック 1~8』同上
ほか多数
絶賛!発売中!
-
- 運動・からだ図解 筋と骨格の触診術の基本 新版 [NEW]
-
- 藤縄理(著者)
- 医学
- 写真とイラストの合成図解だからよくわかる!
-
- Dr Ishiguroの腸活超百科 [NEW]
-
- 石黒成治(著者)
- 医学
- 消化器外科医が書いた腸活の知識と実践が一冊でわかる本!
-
- 運動・からだ図解 細胞生物学の基本 [NEW]
-
- 坂井建雄(監修)
- 医学
- 徹底したイラスト図解で「細胞のしくみ」がよくわかる1冊
-
- ABOUT FACE インタラクションデザインの本質
-
- Alan Cooper(著者)、 Robert Reimann(著者)、 David Cronin(著者)、 Christopher Noessel(著者)、 上野 学(監訳)、 ソシオメディア株式会社(翻訳)
- ビジネスアプリ
- 『About Face: The Essentials of Interaction Design』第4版の日本語版が登場。
Copyright © Mynavi Publishing Corporation