HTMLとCSSで勉強すべきことがしっかりまとめられている、アクセシビリティやパフォーマンスを考慮した実装を学べる良書 -モダンHTML＆CSS 現場の新標準ガイド

Post on:2025年4月4日

sponsors

※本ページは、アフィリエイト広告を利用しています。

最新のHTMLとCSSをしっかり学びたい人にお勧めの解説書を紹介します。
HTMLとCSSの最新の仕様に基づき、必要な知識を身につけ、アクセシビリティやパフォーマンスに考慮した実践的なテクニックをしっかり学べます。Web制作者が持っておいて間違いのない一冊です。

HTMLとCSSは機能が増えて自由度が高くなった分、複雑化しています。またアクセシビリティについての需要もかなり高まっています。

著者はHTMLやCSSをはじめ、JavaScriptの解説書などWeb制作系の解説書で、はずれ無しのエビスコム様。ていねいで詳しい解説は分かりやすく、実践的なサンプルもたくさんあるので、かなり役立つと思います。

本書は最新のHTMLとCSSの仕様に基づいて、アクセシビリティやパフォーマンスにも注目したセマンティックな実装をていねいに詳しく解説した解説書です。

モダンHTML＆CSS 現場の新標準ガイド
ISBN 978-4-8399-8693-3
[Amazonでみる]
[楽天でみる]

著者: エビスコム
出版社: マイナビ出版
発売日: 2025/3/25

本書は先週発売されたばかり、Kindle版も同時発売されています。

モダンHTML＆CSS 現場の新標準ガイド Kindle版

版元様より許可をいただいたので、紙面のキャプチャを少しだけご紹介。

本書の特徴は、HTMLとCSSの解説がかなり詳しいこと。HTMLはWHATWG HTML Living Standardに対応、CSSもW3Cの標準仕様に基づいています。さらに、WCAGのアクセシビリティについてもかなり詳しく解説されています。

本書は7章構成で、第1章は「HTMLとアクセシビリティとCSS」HTMLはセマンティックなマークアップの需要が高まっており、CSSでは視覚的なレイアウトやデザインを制御します。そして、最近ではさまざまなデバイスがリリースされ、障がいのある人も含めて、あらゆる人がさまざまな環境で情報やサービスを利用できるためにアクセシビリティへの対応が重要視されています。

第2章は、HTMLについて。解説はテキストだけでなく、コードと画像も数多く掲載されており、非常に分かりやすいと思います。

最近の実装テクニックについても詳しく解説されています。たとえば、ファビコンはブラウザが通常のUIでWebmanifestアイコンの使用をやめたため、実装方法が変わりました。「あれは、どうすればいいの？」という時に、本書が必ず役立ちます。

2025年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには3つのアイコンが必要

第3章から最後の第7章までは、CSSです。第3章ではまずは、CSSの基本となる知識とテクニックを学びます。

基本とは言っても最近のCSSは進化が早く、新機能もブラウザへのサポートが進んでいます。CSSのセレクタを入れ子にできるネスト、スタイルのルールを分割できるカスケードレイヤー@layer、スタイルをスコープ内にだけ適用する@scope、高機能なカスタムプロパティ@propertyなど、これから必須になってくる知識とテクニックを学べます。