作って学ぶ 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』同上
ほか多数
絶賛!発売中!
-
- いちばんやさしいDXの教本 改訂2版 人気講師が教えるビジネスを変革するAI時代のIT戦略
- 開発技法
- 生成AIでDXが加速する!
-
- ハンドメイドを楽しむ 毎日使いたいポーチとバッグとかわいい小物
-
- はりもぐら。(著者)
- 住
- いつも身に付けたい、おしゃれな作品が満載
-
- できるポケット Jw_cad 8ハンドブック 困った! &便利技247
-
- 櫻井良明(著者)、 できるシリーズ編集部(著者)
- グラフィックス・デザイン
- すぐに役立つJw_cad8の厳選ワザをポケットサイズに凝縮!
-
- ファンタジーイラストの表現技法 水溜鳥のアイデアと描き方
-
- 水溜鳥(著者)
- アート・デザイン
- ファンタジーイラストの描き方を伝授!
Copyright © Mynavi Publishing Corporation