購入前に目次をご確認ください

MdN Web Mook 現場でかならず使われている CSSデザインのメソッド

エムディエヌコーポレーション / 2013年09月25日 / 全226ページ

【すぐに使えるCSSデザインの多彩なアイデアを満載しました。】
「レイアウト」「デザインパーツ」「インターフェイス」の3テーマ別に、実際のウェブ制作でよく使用される表現に絞り込んで、スタイルシートのデザインアイデアを多数紹介しました。現在主流となっているデザインや技術、逆に主流でないデザインや技術といったものを明記し、デザイナーのみなさまの疑問を解消します。現在の実際のサイト制作でよく使われていて、なおかつ今風のサイトデザインにすることができるCSSのアイデアブックです。

目次

  • 免責事項
  • はじめに
  • 目次
  • 本書の使い方
  • ■PART1. レイアウト
  • 序論 2013年前後のレイアウトのトレンド
  • オーソドックスな2段組みレイアウトのページ
  • オーソドックスな3段組みレイアウトのページ
  • ウインドウ幅にあわせて可変するリキッドレイアウト
  • グリッドカラムレイアウトのページ
  • ヘッダ、フッタを固定したページ
  • ボックス感のあるデザインのページ
  • フォントサイズを切り替えられるページ
  • Webフォントを活用したページ
  • 読者を疲れさせない長文レイアウトのコツ
  • スマートフォン向けのトップページ
  • PCでもスマートフォンでも見やすいレスポンシブデザイン
  • コラム CSS3での新しいレイアウト手法
  • ■PART2. グラフィック
  • 免責事項
  • はじめに
  • 目次
  • 本書の使い方
  • ■PART1. レイアウト
  • 序論 2013年前後のレイアウトのトレンド
  • オーソドックスな2段組みレイアウトのページ
  • オーソドックスな3段組みレイアウトのページ
  • ウインドウ幅にあわせて可変するリキッドレイアウト
  • グリッドカラムレイアウトのページ
  • ヘッダ、フッタを固定したページ
  • ボックス感のあるデザインのページ
  • フォントサイズを切り替えられるページ
  • Webフォントを活用したページ
  • 読者を疲れさせない長文レイアウトのコツ
  • スマートフォン向けのトップページ
  • PCでもスマートフォンでも見やすいレスポンシブデザイン
  • コラム CSS3での新しいレイアウト手法
  • ■PART2. グラフィック
  • 序論 2013年前後のグラフィックパーツのトレンド
  • カルーセルを配置したページ
  • ページ全体が切り替わるカルーセル
  • 隙間なく写真を敷き詰めたギャラリーページ
  • サイズに合わせてレイアウトが変わるグリッド型ギャラリー
  • 写真を大きく配置したギャラリー
  • スマートフォン向けのフォトギャラリー
  • ダイナミックに写真がスライドするパララックスページ
  • 固定背景を活かしたスクロールレイアウト
  • コンテンツをポップアップ表示するページ
  • 吹き出しのツールチップをうまく使ったページ
  • 情報量が多くても見やすい表組みデザイン
  • コラム Flashに代わる技術とは?
  • ■PART3. インターフェイス
  • 序論 2013年前後のインターフェイスのトレンド
  • ドロップダウンメニュー付きグローバルメニュー
  • スムーズスクロールに対応したグローバルメニュー
  • サイドバー型のグローバルメニュー
  • 多くのメニュー項目を持つメガドロップダウンメニュー
  • スマートフォン向けのナビゲーション
  • アコーディオンを活かしたページ
  • タブを活かしたページ
  • 使いやすいユーザー登録フォーム
  • 手書き風デザインのお問い合わせフォーム
  • スマートフォン向けのお問い合わせフォーム
  • コラム HTML5で強化されたフォームの使いどころ
  • 索引
  • 著者プロフィール
  • 奥付
  • カバー

※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。

※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。

 

電子書籍は初めての方へ。マガストアで一度購入すると、スマホでもタブレットでもPCでも閲覧できます。

電子書籍は初めての方へ

ジャンル別ランキング
「アート・デザイン」
2024年10月03日

総合ランキング
2024年11月22日

アプリダウンロード
はこちら

App Store でマガストアをダウンロード Android app on Google Play