CSSシークレット

―47のテクニックでCSSを自在に操る

[cover photo]
TOPICS
Web , HTML/CSS
発行年月日
PRINT LENGTH
384
ISBN
978-4-87311-766-9
原書
CSS Secrets
FORMAT
Print PDF
Ebook
3,740円
Ebookを購入する
Print
3,740円

本書はデザインの手引書ではありません。――「はじめに」より
本書では、デザインに焦点を当てるのではなく、「いかに問題を解決するか」がコードで示されます。視覚効果、ページ構造、ユーザーエクスペリエンスといった8つのカテゴリーから47の項目を挙げ、日々直面する現実的な問題――同じことを繰り返さず(DRY)、保守性、柔軟性に富み、軽量かつ標準に準拠したCSSスタイル設計を実現する――をコーディングで解決していくテクニックを学ぶことができます。解決策を発見するまでのプロセスを理解することが課題解決までの近道であるという考えのもと、背景にある考え方までひもといて解説。すでにCSSを使っている中・上級のCSS開発者を対象とした本書は、CSSで実現できることを広げてくれる一冊です。

目次

推薦の言葉
はじめに
謝辞
メイキング
本書について

1章 イントロダクション
    Web標準は敵か? 味方か?
    CSSコーディングのコツ

2章 背景とボーダー
    1 半透明なボーダー
    2 複数のボーダー
    3 柔軟な背景の位置指定
    4 角の内側を丸める
    5 ストライプ模様の背景
    6 複雑な背景のパターン
    7(ほぼ)ランダムな背景
    8 1つの画像によるボーダー

3章 形状
    9 さまざまな楕円形
    10 平行四辺形
    11 ひし形の画像
    12 角の切り落とし
    13 台形のタブ
    14 シンプルな円グラフ

4章 視覚効果
    15 単方向の影
    16 不規則な形状のドロップシャドウ
    17 色調の調整
    18 曇りガラスの効果
    19 角の折り返し

5章 タイポグラフィー
    20 ハイフンの追加
    21 改行の挿入
    22 ゼブラストライプ
    23 タブのインデント幅の調整
    24 リガチャー
    25 しゃれた「&」
    26 下線のカスタマイズ
    27 リアルなテキストの表示効果
    28 円に沿ったテキスト

6章 ユーザーエクスペリエンス
    29 適切なマウスカーソルの選択
    30 クリック可能な範囲を広げる
    31 チェックボックスのカスタマイズ
    32 背景を暗くして重要度を下げる
    33 背景をぼかして重要度を下げる
    34 スクロールを促すヒント
    35 インタラクティブな画像比較

7章 ページの構造とレイアウト
    36 内在的なサイズ設定
    37 テーブルの列幅を自在に指定する
    38 兄弟要素の個数にもとづくスタイル指定
    39 流動的な幅の背景と固定幅のコンテンツ
    40 縦方向の中央揃え
    41 フッターをビューポート下部に表示する

8章 トランジションとアニメーション
    42 弾むような動きのトランジション
    43 コマ送りのアニメーション
    44 点滅
    45 キー入力のアニメーション
    46 アニメーションのスムーズな中断
    47 円に沿って動くアニメーション

Index