HTML5 & CSS3 デザイン 現場の新標準ガイド【第 2 版】(エイチティーエムエルファイブ アンド シーエスエススリーデザイン ゲンバノシンヒョウジュンガイド ダイニハン)
インターネット・WEBデザイン- 著者:
- エビスコム(エビスコム)
- 出版社:
- マイナビ出版
- 出版日:
- 2020年10月23日頃
- ISBN:
- 9784839974596
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
フロントエンドエンジニアはじめ、 Web 制作に関わっている人のための HTML5 / CSS3 ガイドブックです。
HTML と CSS の最新仕様を整理するとともに、現時点でどのポイントに留意して制作を進めていけばよいか、制作の現場で必要不可欠な情報をまとめました。
簡潔にして詳細な、制作現場に必携の 1 冊となっています。
Chapter 1 HTML
Chapter 2 Web の作成とメタデータ
Chapter 3 コンテンツのマークアップ
Chapter 4 CSS の適用
Chapter 5 ボックスのレイアウト
Chapter 6 フレキシブルボックスレイアウト
Chapter 7 グリッドレイアウト
Chapter 8 テーブル
Chapter 9 テキスト
Chapter 10 エンベディッド・コンテンツ
Chapter 11 フォーム
Chapter 12 特殊効果
技書の森解説
チュートリアル型の入門書と、素っ気ない仕様書の間を埋める「現場のリファレンス」という立ち位置の本です。 Web 制作の解説書を数多く手がけるエビスコムの著作で、マイナビ出版から 2020 年 10 月に第 2 版として刊行されました。手順どおりに作って学ぶ本ではなく、 HTML と CSS の仕様を体系的に整理したうえで、どのポイントに留意して制作を進めればよいかという実務上の判断材料を併記していく編集方針が取られています。
全 12 章のうち前半は HTML 側で、要素の全体像、メタデータ、コンテンツのマークアップを扱い、後半は CSS の適用方法からボックスのレイアウト、フレキシブルボックス、グリッド、テーブル、テキスト、エンベディッド・コンテンツ、フォーム、特殊効果へと進みます。フレックスボックスとグリッドがそれぞれ独立した章になっており、 float 頼みだった時代のレイアウトから移行する際の照合先として使いやすい構成です。
通読するというより、コーディング中に「この書き方で正しいのか」と手が止まった瞬間に引く辞書として、フロントエンドエンジニアやマークアップエンジニアの手元に置かれることを想定した本です。基準は 2020 年時点の仕様で、 HTML の標準はその後 WHATWG の HTML Living Standard に一本化されているため、細部を現行仕様と突き合わせながら使えば、長く働いてくれます。
エビスコム の他の書籍
関連記事
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
Web 開発本ガイド - フロントエンドからバックエンドまで
Web 開発の全体像を学べる技術書の選び方と学習マップを紹介。フレームワーク本の賞味期限問題と公式ドキュメントとの使い分けも解説します。
「あとで読む」ブックマークが 100 件を超えたら本を買え
ブラウザのブックマークに技術記事を溜め込んでいませんか。断片的な記事を 100 件読むより、同じテーマの本を 1 冊読む方が効率的な理由を解説します。
関連用語
CSS Grid
2 次元のグリッドレイアウトを宣言的に定義する CSS のレイアウトシステム
Flexbox
1 次元の柔軟なレイアウトを実現する CSS のレイアウトモデル
Core Web Vitals
Google が定義した Web ページのユーザー体験を測定する 3 つの指標 (LCP, INP, CLS)
CLS
ページの読み込み中に発生する予期しないレイアウトのずれを測定する Core Web Vitals の指標
レスポンシブデザイン
画面サイズに応じてレイアウトを自動調整し、あらゆるデバイスで最適な表示を実現する手法
フロントエンド
ユーザーが直接触れる画面側の開発領域。ブラウザ上の見た目と操作を担う