Webデザインとコーディング全般における、流行・定番テクニックと最新情報を1冊に凝縮しました。近年さかんに目にするパララックス効果やMasonryを利用したレイアウトをはじめ、見やすくて使いやすいナビゲーション、フォームや製品紹介ページのユーザビリティを向上するインタラクション、表現の可能性を広げるHTML5+CSS3の機能、制作効率を向上するフレームワークの紹介、スマートフォンサイト制作のポイントとTipsなど、Web制作の仕事に役立つ54のアイデアを満載。掲載サンプル&コードもダウンロードできるので、動作を試しながら実践的に解説を読み進められます。Webデザインの“どうしよう?”を“これだ!”に変える、現場のためのネタ帳の登場です!
【CHAPTER1】デザイン&レイアウト
レスポンシブWebデザイン/jQuery Masonry/フルスクリーン画像/パララックス効果 etc
【CHAPTER2】ナビゲーション&メニュー
パンくずリスト/ドック風メニュー/アコーディオンメニュー/ドロップダウンメニュー/タブ etc
【CHAPTER3】インタラクション&エフェクト
Lightbox/ズーム/スライドショー/ツールチップ/カルーセルパネル/フォームの入力チェック etc
【CHAPTER4】HTML5&CSS3
CANVAS/SVG/セレクタの記述まとめ/IE対策/ボーダーと背景/グラデーション/Webフォント etc
【CHAPTER5】フレームワーク&API
Twitter Bootstrap/99lime/52framework/Yaml4/SassとLESS/Twitter APIの変更点 etc
【CHAPTER6】スマートフォンサイト
UI設計のポイント/画像フリック/jQuery Mobileテクニック/スマートフォンのViewport etc
→facebookの「web creators」公式ファンページはこちら
→サンプルデータのダウンロードはこちら