最新ブラウザ対応で気持ちよく書くCSSデザイ‪ン‬

【対応ブラウザで迷っていませんか?最新ブラウザ対応で気持ちよくコーディングしましょう!】


本書は、ウェブブラウザシェアの約95%を占める最新ブラウザ(IE11、Chrome、Safari、Firefox、Edge)向けのCSSを駆使することで、作りたいものが作れる、やりたいことができる=気持ちよくウェブ開発のコーディングを行うためのノウハウ集です。


〈本書の対象読者〉

CSSとHTMLをある程度知っているデザイナー

IE6～8時代にコーディングしていたコーダー

楽な書き方をざっくり知りたいエンジニア


【目次】

第1章 対応ブラウザを決める

1.1 IE11以上対応という選択肢

1.2 ブラウザシェア

1.3 IE10以下非対応の恩恵

第2章 CSSの指定の基本

2.1 単位

2.2 セレクター

2.3 擬似クラス

2.4 擬似要素

第3章 気持ちよく書けるCSS

3.1 メディアクエリーでレスポンシブ化

3.2 フレックスボックスで横並び

3.3 画像を使わないデザイン

3.4 値の計算

3.5 色の指定

3.6 最初や最後の要素を指定

3.7 変形

3.8 状態の変化にアニメーションを加える

3.9 状態にアニメーションを加える

3.10 背景画像の大きさを調整

3.11 カウンター

3.12 ボーダーに画像を設定

3.13 :target :checked をトリガー代わりに

3.14 その他の便利なCSS

3.15 もう使ってもいいだろうというCSS