プロとして恥ずかしくない 新・CSSデザインの大原則 立ち読み

プロとして恥ずかしくない 新・CSSデザインの大原則

出版社 エムディエヌコーポレーション
著者 大藤 幹/北川 貴清/きむら あつとし/境 祐司/高橋 としゆき/錦織 幸知/長谷川 広武/矢野 みち子
対応デバイス
PC対応 Android対応

この本の内容

【CSSのルールと手法を根本から身につける!】

CSSによるデザインは、とくに近年のスマートフォンの普及やブラウザの進化により、実力を発揮できる場面が増えてきています。従来は画像に頼っていた角丸やシャドウなどの凝った演出も、CSS3を利用すればコードだけで表現できます。ビットマップ画像と異なり解像度に依存しないため、スマートフォンやタブレットの高解像度ディスプレイにも対応できます。PC側でも非対応ブラウザのサポート切れによる淘汰が進んだことから、かなりCSS3が使いやすい状況が生まれているといえるでしょう。

本書ではこのような現状を踏まえ、Web制作者が必ず知っておかなくてはならないCSSの情報を改めてまとめました。CSSの基本文法から、各プロパティの詳細、迷いやすいCSSによる配置の仕組みまで、初学者の方に必要な基礎的な情報を網羅しています。また、CSSを使いこなすためには、文法の理解だけでなく、実際のWebページでどのようにコードを書くのかのノウハウの蓄積も大切です。本書の後半では「実践編」として、多彩なページレイアウト、各デザインパーツの作り込み、そのほかのCSSに関連した手法や技術などを盛り込んでいます。ベースとなる基礎知識と実際のコードをあわせて学ぶことで、現場で役立つCSSの総合的な実力を養える一冊です。

この書籍の目次


免責事項
はじめに
目次
本書の使い方/ダウンロードデータについて
■CHAPTER1 [基礎編1]CSSの基本
01 CSSとは
02 CSSの文法
03 CSSのセレクタ
04 CSSのプロパティ
05 CSSによる色指定
06 CSSのボックスモデル
07 CSSとブラウザ&デバイス
08 CSSとアクセシビリティ+ユーザビリティ
09 CSSを書くときの注意点
[Column]リセットCSSとノーマライズCSS
■CHAPTER2 [基礎編2]CSSによる装飾
01 テキストのプロパティ
02 ボックスのプロパティ
03 画像のプロパティ
04 テーブルのプロパティ
05 リストのプロパティ
06 その他のプロパティ
[Column]CSSを検証する
■CHAPTER3 [基礎編3]CSSによる配置
01 フロートの仕組み
02 ポジションの仕組み
03 配置がくずれる場合のチェックポイント
[Column]CSS設計とは
■CHAPTER4 [実践編1]CSSによるページレイアウト
01 カラムレイアウト
02 部分的な多カラムレイアウト
03 固定+リキッド(フルード)レイアウト
04 グリッドレイアウト
05 要素をタイル状に並べるMasonryレイアウト
06 グリッドフリーなリキッドレイアウト
07 スマートフォンサイトのレイアウト
08 レスポンシブレイアウト
09 フロート以外のカラムレイアウト
[Column]SassをはじめとするCSSプリプロセッサー
■CHAPTER5 [実践編2]CSSによるパーツの作り込み
01 Font Awesomeを使ったアイコン付きゴーストボタン
02 文字の装飾
03 ロールオーバーエフェクト
04 Masonryで使えるボックスのデザイン3種
05 ナビゲーションの構築
06 プレースホルダーの弱点を補ったフォームのデザイン
07 背景の装飾
08 画像の効果(シャドウ・角丸・ぼかしなど)
[Column]CSSフレームワークとは
■CHPATER6 [実践編3]その他のテクニック
01 CSSスプライト
02 ページカールの透過PNG画像で視線を誘うレイアウト
03 CSSだけで実装するパララックス(視差効果)のシングルページ
04 サイトのテキストにWebフォントを使って表示する
05 CSSによる3D効果・アニメーション
INDEX
執筆者プロフィール
奥付