デザインアイディア
+
コーディングテクニック
=
デザインレシピ！
「ページのこんなデザイン、やってみたい」
「カッコいいデザインで、シンプルなコードを書きたい」
そんなWebデザイナーの “お悩み” を、ドンと解決！
シンプルなデザインからページレイアウトまで、300を超えるサンプルデータで最新のデザインを実現するためのHTML/CSSコーディングテクニックを余すところなく紹介します。
HTMLやCSSの各機能には詳しい解説もついているので、カスタマイズしてどんな場面にも組み込めます。
デザインから逆引き
「デザインをどうコードに落とし込むか」にフォーカスを当て、実際のコード例と考え方を解説しています。いわば「デザインから逆引き」するテクニック集です。
「これどうやるの？」がよくわかる
各サンプルの冒頭に、使用する重要なHTMLやCSSの機能を一覧できます。しっかり解説もしているので、「なぜこう書くのか」がわかります。基礎的な知識はカスタマイズしたいときに役立つでしょう。
サンプルごとに読み切り
本書は15章構成、実践も可能。実際のWeb制作の現場でスグに役立ちます。
内容紹介動画を公開しました
本書は15章構成。5つのパートに分けて動画で内容を紹介しています。
No.1 Chapter 1〜Chapter 4
Chapter 1 HTML／CSSの基礎
Chapter 2 テキスト表示・整形の基本テクニック
Chapter 3 リンクとメディアの基本テクニック
Chapter 4 ページ全体に適用するデザインのテクニック
No.2 Chapter 5〜Chapter 7
Chapter 5 ボックスを整形する基本テクニック
Chapter 6 テーブルのデザインテクニック
Chapter 7 フォームのデザインテクニック
No.3 Chapter 8〜Chapter 10
Chapter 8 複数のボックスを配置するテクニック
Chapter 9 画像とマスクのデザインテクニック
Chapter 10 パーツ作成のテクニック
No.4 Chapter 11〜Chapter 13
Chapter 11 ヘッダー／フッター／ナビゲーションのデザインテクニック
Chapter 12 ページレイアウトのテクニック
Chapter 13 レスポンシブWebデザインに対応するテクニック
No.5 Chapter 14〜Chapter 15
Chapter 14 アニメーションとエフェクトのテクニック
Chapter 15 仕上げ・微調整・カスタマイズのテクニック