MdNの本

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

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

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

CSSでWebページをデザインするためのルールと手法を根本から身につける。

Atelier*Spoon 著/大藤 幹 著/北川 貴清 著/きむら あつとし 著/境 祐司 著/高橋 としゆき 著/錦織 幸知 著/長谷川 広武 著
B5変形判 / 224P
ISBN978-4-8443-6510-5 / 価格(本体2,500円+税)※電子版の価格は販売ストアにて
2015年07月02日発売

CSSによるデザインは、近年のスマートフォンの普及やブラウザの進化により、実力を発揮できる場面が増えています。従来は画像に頼っていた角丸やシャドウなどの凝った演出も、CSS3を利用すればコードだけで表現できます。画像と異なり解像度に依存しないため、モバイルデバイスの高解像度ディスプレイにも対応が容易です。PC側でも非対応ブラウザの淘汰が進んだことから、CSS3を積極的に活用できる状況が生まれているといえるでしょう。 本書ではこのような現状を踏まえ、Web制作者が必ず知っておかなくてはならないCSSの情報を改めてまとめました。CSSの基本文法から、各プロパティの詳細、迷いやすいCSSによる配置の仕組みまで、初学者の方に必要な基礎情報を網羅しています。また、CSSを使いこなすためには、文法の理解だけでなく、実際のWebページでどのようにコードを書くのかのノウハウの蓄積も大切です。本書の後半では「実践編」として、多彩なページレイアウト、各パーツの作り込み、そのほかのCSSに関連した手法や技術を盛り込んでいます。ベースとなる基礎知識と実際のコードをあわせて学ぶことで、現場で役立つCSSの総合的な実力を養える一冊です。

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

ページイメージ

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
















目次

クリックすると開きます

【目次】
CONTENTS

本書の使い方

■CHAPTER1 [基礎編①]CSSの基本
01 CSSとは
02 CSSの文法
03 CSSのセレクタ
04 CSSのプロパティ
05 CSSによる色指定
06 CSSのボックスモデル
07 CSSとブラウザ&デバイス
08 CSSとアクセシビリティ+ユーザビリティ
09 CSSを書くときの注意点
[Column]リセットCSSとノーマライズCSS

■CHAPTER2 [基礎編②]CSSによる装飾
01 テキストのプロパティ
02 ボックスのプロパティ
03 画像のプロパティ
04 テーブルのプロパティ
05 リストのプロパティ
06 その他のプロパティ
[Column]CSSを検証する

■CHAPTER3 [基礎編③]CSSによる配置
01 フロートの仕組み
02 ポジションの仕組み
03 配置がくずれる場合のチェックポイント
[Column]CSS設計とは

■CHAPTER4 [実践編①]CSSによるページレイアウト
01 カラムレイアウト
02 部分的な多カラムレイアウト
03 固定+リキッド(フルード)レイアウト
04 グリッドレイアウト
05 要素をタイル状に並べるMasonryレイアウト
06 グリッドフリーなリキッドレイアウト
07 スマートフォンサイトのレイアウト
08 レスポンシブレイアウト
09 フロート以外のカラムレイアウト
[Column]SassをはじめとするCSSプリプロセッサー

■CHAPTER5 [実践編②]CSSによるパーツの作り込み
01 Font Awesomeを使ったアイコン付きゴーストボタン
02 文字の装飾
03 ロールオーバーエフェクト
04 Masonryで使えるボックスのデザイン3種
05 ナビゲーションの構築
06 プレースホルダーの弱点を補ったフォームのデザイン
07 背景の装飾
08 画像の効果(シャドウ・角丸・ぼかしなど)
[Column]CSSフレームワークとは

■CHPATER6 [実践編③]その他のテクニック
01 CSSスプライト
02 ページカールの透過PNG画像で視線を誘うレイアウト
03 CSSだけで実装するパララックス(視差効果)のシングルページ
04 サイトのテキストにWebフォントを使って表示する
05 CSSによる3D効果・アニメーション

INDEX


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

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