こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、HTML・CSSの実践スキルの
参考になる本をまとめた記事になります。
この記事の目次
HTML・CSSの実践スキルの書籍・本
この記事では、HTML・CSSの実践スキルを
学べる本を紹介していきます。
特に、次のような人は読んでみて下さい。
- HTML・CSSの実践の参考書が知りたい。
-
HTML・CSSの実践スキルを学びたい。
-
Webデザイナーを目指している。
また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。
HTML・CSSの実践スキルの
書籍・本まとめ
「HTML・CSSの実践スキルの書籍・本の一覧」
| 系統 | 書籍名 |
| CSSの設計手法 | Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない 「修正しやすいCSS」の設計手法 |
| CSSプリプロセッサ | Web制作者のためのSassの教科書 改訂2版 Webデザイン現場で 必須のCSSプリプロセッサ |
| Webページ改善 | 超速! Webページ改善ガイド 使いやすさは「速さ」から始まる |
| マルチデバイス対応 サイト構築 |
これからの「標準」を学ぶ マルチデバイス対応サイト構築 |
下でそれぞれ詳しく紹介しています。
Web制作者のためのCSS設計の教科書
モダンWeb開発に欠かせない
「修正しやすいCSS」の設計手法
CSSをより管理しやすいようにするための
設計について解説している書籍。
| タイトル (書籍名) |
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない 「修正しやすいCSS」の設計手法 |
| 価格 | ¥2,420 (税込) |
| 発売日 | 2014/7/24 |
| 特徴 | ・Webデザインの制作だけでなく、 Webサイトの運用も意識できる本。 ・コードを綺麗に書くことで管理や修正が しやすくなることを説明してくれる。 |
| 内容 | 第1章 CSSにおける設計とは 第2章 CSSの基本を振り返る 第3章 コンポーネント設計のアイデア 第4章 コンポーネント設計の実践 第5章 CSSプリプロセッサを用いた設計と管理 第6章 コンポーネントの運用に必要なツール 第7章 Web Componentsの可能性 |
| おすすめの人 | ・「思い通りに表示させる」だけでなくて、 「修正やメンテナンスしやすい」レベルで CSSを使いこなしたい人 |
| その他 |
Web制作者のためのSassの教科書
改訂2版
Webデザインの現場で
必須のCSSプリプロセッサ
SassというCSS管理をスムーズに効率的に
書けるための方法を紹介している書籍。
| タイトル (書籍名) |
Web制作者のためのSassの教科書 改訂2版 Webデザイン現場で 必須のCSSプリプロセッサ |
| 価格 | ¥2,640 (税込) |
| 発売日 | 2017/9/15 |
| 特徴 | ・SassでのCSSファイル作成方法を学べる。 ・ネスト、変数、演算等の基本から 仕事で使える実践的テクニックまで網羅。 |
| 内容 | 第1章 Sassのキホン 第2章 Sassの利用環境を整えよう 第3章 これだけはマスターしたいSassの 基本機能 第4章 高度な機能を覚えてSassを使いこなそう 第5章 現場で使える実践sassテクニック 第6章 もっとSassを便利にする フレームワークやツール 第7章 Sass全機能リファレンス |
| おすすめの人 | ・CSSの記述法やテクニックを一通り学び 使いこなせるようになった方 |
| その他 | ・Webデザイン制作会社で働きたい人は、 特にチェックしておきたい一冊。 |
超速! Webページ速度改善ガイド
使いやすさは「速さ」から始まる
Webサイトの表示速度を速くするための
様々な方法が紹介されている書籍。
| タイトル (書籍名) |
超速! Webページ改善ガイド 使いやすさは「速さ」から始まる |
| 価格 | ¥2,838 (税込) |
| 発売日 | 2017/11/23 |
| 特徴 | ・レンダリング処理、スクリプト処理、 ネットワーク処理等のそれぞれの分野での 知識やテクニックが紹介されている。 |
| 内容 | 第1章 Webページの速度 第2章 ネットワーク処理の基礎知識 第3章 ネットワーク処理の調査と改善 第4章 レンダリング処理の基礎知識 第5章 レンダリング処理の調査と改善 第６章 スクリプト処理の基礎知識 第7章 スクリプト処理の調査と改善 第8章 画像の最適化に役立つテクニック 第9章 ネットワーク処理の効率化に役立つ ポイント |
| おすすめの人 | ・Webでのパフォーマンス改善を学びたい人 |
| その他 |
これからの「標準」を学ぶ
マルチデバイス対応サイト構築
様々なデバイスで思い通り表示するための
マルチデバイスに対応をしたWebサイトの
制作方法を紹介している書籍。
| タイトル (書籍名) |
これからの「標準」を学ぶ マルチデバイス対応サイト構築 |
| 価格 | ¥3,278 (税込) |
| 発売日 | 2015/4/23 |
| 特徴 | ・サイトのマルチデバイス対応に必要な ノウハウとテクニックが多数。 |
| 内容 | 1 マルチデバイス対応の指標 2 ビューポートの設定 3 デバイスに合ったページの用意 4 デバイスの判別 5 パーツのマルチデバイス対応 6 画像の最適化 7 Webページの高速化 |
| おすすめの人 | ・Googleが提供するモバイルフレンドリー テストやPageSpeed Insightsでなかなか スコアが上がらない人。 |
| その他 |
まとめ
以上がHTML・CSSの実践スキルの
参考になる本でした。
この記事では、ジャンル別で本の内容を
紹介してるので、それに目を通してみて
自分に合う本を見つけて下さい。
なお、HTML・CSS関連の書籍は、
下の記事に一通りまとめています。
