MdNの本

CSS3デザインブック 仕事で絶対に使うプロのテクニック

CSS3デザインブック 仕事で絶対に使うプロのテクニック

CSS3デザインブック 仕事で絶対に使うプロのテクニック

よく見るあの表現から最先端のテクニックまで。 CSS3でできること・したいこと、1冊で全部わかります!

MdN編集部 編
B5判 / 264pP
ISBN978-4-8443-6253-1 / 価格(本体2,800円+税)※電子版の価格は販売ストアにて
2012年03月21日発売

CSSの次世代バージョンであり現在策定中のCSS3は、これからのWeb制作に欠かせない必修の技術です。CSS3で新しくプロパティやセレクタが追加されたことで、例えばボタンの角を丸くするといった装飾も画像を用いずに実現可能になるなど、CSS3によってWebサイトの表現の幅は格段に広がります。
本書は、Web制作の現場で使われるCSS3の実用的な手法を集め、ソースコードと制作方法を丁寧に解説したテクニック集です。画面幅に応じてカラム数を切り替えるflexboxを利用したレイアウトや、tranformプロパティを使ってインタラクション効果をつけたフォトギャラリーなど最新の手法から、角丸・グラデーションを取り入れたボタンといった定番の表現まで、CSS3でできること・したいことを1冊にすべて網羅しました。さらに、実務案件でCSS3を使う場合に欠かせないIE対策もフォローした実践的な内容になっています。解説に使用しているサンプルデータはダウンロード可能なほか、イントロダクション(序章)にはCSS及びCSS3の基本解説を設けており、初心者の方でも基礎と応用力を同時を身につけることができる充実した内容です!

twitter facebook google+ このエントリーをはてなブックマークに追加 RSS

ページイメージ

クリックすると折りたためます
■ページ見本










目次

クリックすると開きます

【目次】
■INTRODUCTION CSS3の基本解説
CSS3を理解する
CSS3で追加されたセレクタ
CSS3で追加されたプロパティ
レイアウトデザイン


■CHAPTER 01 レイアウト
01 マルチデバイスに対応したレスポンシブなWebページ
02 flexboxを使った柔軟なボックスレイアウト
03 ナビゲーションの位置を固定したWebページ
04 ウィンドウサイズに連動するリキッドタイプのフリーレイアウト
05 グリッドレイアウトで実現するレスポンシブなサイト
06 透過画像を効果的に組み合わせたデザイン
07 CSS3と画像を組み合わせたアナログテイストのデザイン
08 テキストが読みやすい段組みレイアウト

■CHAPTER 02 ユーザーインターフェイス
01 CSSだけで実装する横並びのプルダウンメニュー
02 表示内容を切り替えるタブナビゲーションの実装
03 画像を使わないで作るパンくず型の購入フロー
04 ユーザビリティに配慮した問い合わせフォーム
05 ul 要素でシンプルに作る縦並びのプルダウンメニュー
06 ロールオーバーによるナビゲーションの演出
07 ユーザビリティの高いiPhone 風UIフォーム
08 ページをスライドさせるリスト型ナビゲーション
09 カスタムURLスキームと文字量の変化に対応できるリスト


■CHAPTER 03 グラフィック・タイポグラフィ
01 インタラクションのあるフォトギャラリー
02 border-imageを活用したポラロイド風のフレーム
03 マスク効果を利用した印象的なグラフィック
04 Webフォントでテキストを華やかに彩る
05 属性セレクタで写真を装飾したギャラリー
06 text-shadowを使って袋文字や立体的な文字を表現
07 画像の重ね合わせで実現するさまざまな背景
08 DropCapsを使った雑誌風のテキスト表現
09 ドロップシャドウ効果で写真にアクセントをつける


■CHAPTER 04 デザインパーツ
01 CSS3で表現するデザイン性豊かなボタン
02 HSLAによる色指定を使ったアイコンのカラーアニメーション
03 擬似クラスを利用した可読性の高いテーブル
04 マークアップのみで表現する階層のわかりやすいツリー図
05 borderと背景の組み合わせやoutlineで実現する飾り罫線
06 グラデーションと角丸で作る見出しのバリエーション
07 属性セレクタを活用したスマートフォンサイト
08 操作性を考慮したスマートフォン向けのパーツ
09 グラデーション機能を使った蛍光マーカー風の文字装飾


目的別索引
用語索引

関連記事があります

  • ソーシャルアプリ制作の裏側/第6回ディー・エヌ・エー「Mobageチャット」

    インタビュー ソーシャルアプリ制作の裏側/第6回ディー・エヌ・エー「Mobageチャット」

  • ソーシャルアプリ制作の裏側/第7回ドリコム「ちょこっとファーム」

    インタビュー ソーシャルアプリ制作の裏側/第7回ドリコム「ちょこっとファーム」

  • ソーシャルアプリ制作の裏側/第2回サイバーエージェント「天空のクリスタリア」

    インタビュー ソーシャルアプリ制作の裏側/第2回サイバーエージェント「天空のクリスタリア」

  • ソーシャルアプリ制作の裏側/第8回コロプラ「プロ野球PRIDE」

    インタビュー ソーシャルアプリ制作の裏側/第8回コロプラ「プロ野球PRIDE」

カスタマーレビュー(出典:amazon.co.jp)

カスタマーレビュー(出典:amazon.co.jp)