作って学ぶ HTML+CSSグリッドレイアウト
- 著作者名：エビスコム
-
- 書籍：3509円
- 電子版：3509円
- B5変：320ページ
- ISBN：978-4-8399-84960
- 発売日：2024年02月28日
- Tweet
- mixiチェック
内容紹介
「難しい」と敬遠していた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ページを作成します。
充実のラインナップに加え、割引セールも定期的に実施中！
商品を選択する
| フォーマット | 価格 | 備考 | |
|---|---|---|---|
| 書籍 | 3,509円 | ||
| 3,509円 | ※ご購入後、「マイページ」からファイルをダウンロードしてください。 ※ご購入された電子書籍には、購入者情報、および暗号化したコードが埋め込まれております。 ※購入者の個人的な利用目的以外での電子書籍の複製を禁じております。無断で複製・掲載および販売を行った場合、法律により罰せられる可能性もございますので、ご遠慮ください。 |
||
備考
エビスコム
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』同上
ほか多数
目次
Chapter 1 Web標準のレイアウトシステムChapter 2 CSSグリッドの誕生とその特徴
Chapter 3 基本のグリッド
Chapter 4 CSSグリッドのロジック
Chapter 5 グリッドレイアウト実践
