こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、HTML・CSSのアイデア・
見本となる本をまとめた記事になります。
この記事の目次
HTML・CSSの
アイデア・見本の書籍・本
この記事では、HTML・CSSの
デザインアイデア・見本本を紹介します。
HTML・CSSのアイデア等が欲しい人は、
まず次に紹介するどれかから選択して
参考にするのがおすすめになります。
特に、次のような人は読んでみて下さい。
- HTML・CSSの
デザインアイデアを探している。 -
HTML・CSSの
スキルをアップさせたい。 -
Webデザイナーを目指している。
また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。
HTML・CSSの
アイデア・見本となる書籍・本まとめ
「アイデア・テクニックの書籍・本の一覧」
| 系統 | 書籍名 |
| デザインレッスン | HTML5&CSS3 標準デザイン講座 30LESSONS |
| HTML5&CSS3 レッスンブック | |
| デザインレイアウト | HTML5&CSS3 デザインブック |
| HTML5/CSS3 モダンコーディング | |
| デザインテクニック | HTML5&CSS3 デザインレシピ集 |
| HTML・CSS事典 | Web制作必携 HTML&CSS全事典改訂版 |
下でそれぞれ詳しく紹介しています。
HTML5&CSS3 標準デザイン講座
30LESSONS
HTML5&CSS3について
詳しくまとめられた書籍。
| タイトル (書籍名) |
HTML5&CSS3 標準デザイン講座 30LESSONS |
| 価格 | ¥2,838 (税込) |
| 発売日 | 2019/5/24 |
| 特徴 | ・分かり易さと内容の充実度で好評であった 入門書の全面改訂版。 ・講義パートと実習パートから成る。 |
| 内容 | 01 HTMLで文書を作成する 02 CSSで文書を装飾する 03 表組みとフォーム 04 CSSレイアウトの基本 05 本格的なHTML5によるマークアップを 行うための基礎知識 06 思い通りにデザインするための CSS3基礎知識 07 マルチデバイス対応の基礎知識 08 レスポンシブサイトの設計と下準備 09 レスポンシブサイトのコーディング |
| おすすめの人 | ・Webデザインを独学してきた人や Webデザイン中級者で知識を整理したい人 |
| その他 |
HTML5&CSS3 レッスンブック
Mac・Windowsに付属のソフトを用いて
手を動かしつつ知識を身につけられる本。
| タイトル (書籍名) |
HTML5&CSS3 レッスンブック |
| 価格 | ¥2,640 (税込) |
| 発売日 | 2013/5/24 |
| 特徴 | ・応用テクニックが多数載っている。 ・ページ数も全320とボリュームがあるが、 ・すぐ理解できるほど解説が分かりやすい。 |
| 内容 | 0 下準備 1 基本的なページの作成 2 レイアウトとデザイン 3 画像の表示 4 リンクとナビゲーション 5 インデックスページの作成 6 テーブルとフォーム 7 仕上げとアレンジ |
| おすすめの人 | ・Webデザイン中級者 |
| その他 |
HTML5&CSS3 デザインブック
HTML・CSSが学べる定番の書籍。
| タイトル (書籍名) |
HTML5&CSS3 デザインブック |
| 価格 | ¥2,860(税込) |
| 発売日 | 2014/10/28 |
| 特徴 | ・ボックスのレイアウト手法を徹底的に解説 ・Webサイトを実際に作る流れで内容が進む ・「ブログ・ニュース系サイト」と 「ビジネス系サイト」の実例を1から作成。 ・HTML・CSSのかなり超基礎的な内容なし |
| 内容 | 1 Webページにおける段組み 2 Webページを作成する準備 3 ブログ・ニュース系サイトの コンテンツページ 4 ブログ・ニュース系サイトのトップページ 5 ビジネスサイト風のトップページ 6 ビジネスサイト風のコンテンツページ |
| おすすめの人 | ・Web制作の流れも慣れておきたい人 |
| その他 |
HTML5/CSS3 モダンコーディング
吉田真麻 翔泳社 2015年11月02日
フロントエンジニアと活躍する方が
執筆したおすすめのWebデザイン学習本。
| タイトル (書籍名) |
HTML5/CSS3 モダンコーディング |
| 価格 | ¥2,948 (税込) |
| 発売日 | 2015/11/3 |
| 特徴 | ・主流Webデザインの作り方やテクニックを 幅広く学べる。 ・3つのサンプルサイトを実際に作っていく 学習形式になっている。 ・デベロッパーツールの使い方等にも触れて 結構実用的な良書。 ・解説が専門的で画像が少なめ。 |
| 内容 | 0 イントロダクション (本書で作成するサイト / コーディングの進め方 ほか) 1 スタンダードレイアウト (このPARTで作るサイト / ベースのコーディング ほか) 2 グリッドレイアウト (このPARTで作るサイト / ベースのコーディング ほか) 3 シングルページレイアウト (このPARTで作るサイト / ベースのコーディング ほか) APPENDIX セルフコーディングに チャレンジ コーディング例 |
| おすすめの人 | ・サイト制作の流れから、色々なWeb デザインの作り方やテクニックを学びたい人 |
| その他 | ・この本で制作する3つのサンプルは ネットで誰でもチェックすることが可能。 ① スタンダードレイアウト ② グリッドレイアウト ③ シングルページ |
HTML5&CSS3 デザインレシピ集
HTML5&CSS3の逆引きに使える
便利なWebデザインテクニック集。
| タイトル (書籍名) |
HTML5&CSS3 デザインレシピ集 |
| 価格 | ¥3,025 (税込) |
| 発売日 | 2017/2/22 |
| 特徴 | ・制作現場で使われる定番テクニックから プロの技までテーマ別に解説されている。 ・実現したいコーディングがすぐ理解できる 逆引き事典のような構成。 |
| 内容 | HTML/CSSの基礎 / ページの基本となるHTML / テキストの整形とデザインテクニック / リストのデザインテクニック / リンクと画像のテクニック / ページ全体に適用するデザインのテクニック / ボックスの整形とデザインテクニック / テーブルのデザインテクニック / フォームのデザインテクニック / メタデータと外部サイトとの連携テクニック / パーツ作成のテクニック / ナビゲーションのデザインテクニック / レイアウトのテクニック / レスポンシブWebデザインに対応する テクニック / アニメーションとエフェクトのテクニック |
| おすすめの人 | ・Webデザイン中級者 |
| その他 |
Web制作必携
HTML&CSS全事典改訂版
手元に置いて引き易い定番の
HTML・CSSの最新仕様版の事典。
| タイトル (書籍名) |
Web制作必携 HTML&CSS全事典改訂版 |
| 価格 | ¥2,068 (税込) |
| 発売日 | 2020/2/14 |
| 特徴 | ・HTMLとCSSの要素・プロパティごとの サンプルコードがあり、使用例が分かる。 ・100以上のプロパティやセレクターが追加 ・グリッドレイアウトやCSS4モジュール対応 |
| 内容 | ・HTML編 (ドキュメント / セクション / コンテンツのグループ化 / テキストの定義 / 埋め込みコンテンツ ほか) ・CSS編 (セレクター / フォント / テキスト / 色 / 背景 / ボーダー / ボックス / テーブル / 段組み ほか) |
| おすすめの人 | ・日常的な業務でHTMLやCSSを扱う人 |
| その他 | ・参考書として持っておくと良い本 |
まとめ
以上がHTML・CSSの
アイデア・見本になる本でした。
この記事では、ジャンル別で本の内容を
紹介してるので、それに目を通してみて
自分に合う本を見つけて下さい。
なお、HTML・CSS関連の書籍は、
下の記事に一通りまとめています。
