作って学ぶ 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』同上
ほか多数
絶賛!発売中!
-
- Web制作会社年鑑2024
-
- WebDesigning編集部(著者)、 Web Designing 編集部(編集)、 合資会社小宮佳将(kudzilla.com)(編集)
- Webクリエイティブ・マーケティング
- 企業のWebサイトをバージョンアップさせるプロたちの制作実績を網羅
-
- ExcelとRで学ぶ ベイズ分析入門
-
- Conrad Carlberg(著者)、 長尾高弘(翻訳)、 上野彰大(監訳)
- プログラミング
- ExcelとRを使って試しながらベイズ分析を学ぼう!
-
- マイナビ2026 オフィシャル就活BOOK 内定獲得のメソッド 自己分析 適職へ導く書き込み式ワークシート
-
- 岡 茂信(著者)
- 就職・転職
- 「書き込み式ワークシート」と、別冊「就活ノート」でES作成、面接への対応を徹底サポート!
-
- ChatGPT スゴイ活用術
-
- AI部(著者)
- ビジネス・経済
- これからのAI時代に取り残されないために!
Copyright © Mynavi Publishing Corporation