改訂新版HTML&CSSデザインレシピ集

デザインアイディア + コーディングテクニック = デザインレシピ！

Table of Contents

「ページのこんなデザイン、やってみたい」
「カッコいいデザインで、シンプルなコードを書きたい」

そんなWebデザイナーの “お悩み” を、ドンと解決！

シンプルなデザインからページレイアウトまで、300を超えるサンプルデータで最新のデザインを実現するためのHTML/CSSコーディングテクニックを余すところなく紹介します。
HTMLやCSSの各機能には詳しい解説もついているので、カスタマイズしてどんな場面にも組み込めます。

「デザインをどうコードに落とし込むか」にフォーカスを当て、実際のコード例と考え方を解説しています。いわば「デザインから逆引き」するテクニック集です。

各サンプルの冒頭に、使用する重要なHTMLやCSSの機能を一覧できます。しっかり解説もしているので、「なぜこう書くのか」がわかります。基礎的な知識はカスタマイズしたいときに役立つでしょう。

本書は15章構成、実践も可能。実際のWeb制作の現場でスグに役立ちます。

本書は15章構成。5つのパートに分けて動画で内容を紹介しています。

Chapter 1 HTML／CSSの基礎
Chapter 2 テキスト表示・整形の基本テクニック
Chapter 3 リンクとメディアの基本テクニック
Chapter 4 ページ全体に適用するデザインのテクニック

『改訂新版HTML&CSSデザインレシピ集』内容紹介 1 Chapter 1〜4（YouTube）

Chapter 5 ボックスを整形する基本テクニック
Chapter 6 テーブルのデザインテクニック
Chapter 7 フォームのデザインテクニック

『改訂新版HTML&CSSデザインレシピ集』内容紹介 2 Chapter 5〜7

Chapter 8 複数のボックスを配置するテクニック
Chapter 9 画像とマスクのデザインテクニック
Chapter 10 パーツ作成のテクニック

『改訂新版HTML&CSSデザインレシピ集』内容紹介 3 Chapter 8〜10（YouTube）

Chapter 11 ヘッダー／フッター／ナビゲーションのデザインテクニック
Chapter 12 ページレイアウトのテクニック
Chapter 13 レスポンシブWebデザインに対応するテクニック

『改訂新版HTML&CSSデザインレシピ集』内容紹介 4 Chapter 11〜13（YouTube）

Chapter 14 アニメーションとエフェクトのテクニック
Chapter 15 仕上げ・微調整・カスタマイズのテクニック

『改訂新版HTML&CSSデザインレシピ集』内容紹介 5 Chapter 14, 15（YouTube）