目次

はじめに

謝辞
本書の位置づけ
対象読者
本書で対象としているブラウザ
本書でのブラウザの記載
リポジトリとサポートについて
表記関係について
免責事項
底本について

第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
あとがき

はじめに

謝辞

 今回本書を制作するにあたり、アドバイス、レビューなど関わってくださった方々、また、執筆を支えてくれた妻に心から感謝しています。

本書の位置づけ

 「“CSS3”って言われてもよくわからないし、対応ブラウザはどれにしたらいいんだろう」の問いに「対応ブラウザを最新ブラウザ(特にIE11以上)にしたら、こんなにも気持ちいいよ」という位置づけの本です。

 よく目にするデザインを、楽に気持ちよく実装できることを目指す内容になっています。

対象読者

 が対象読者です。CSSの基礎的な部分についての解説はありません。

本書で対象としているブラウザ

 特に記載していない限り、下記のブラウザとバージョンを対象としています。ChromeとSafariは、デスクトップ版とスマートフォン版の両方、Android4まであった標準ブラウザやOperaは対象外です。

 ・IE11以上

 ・Chrome最新バージョン

 ・Firefox最新バージョン

 ・Edge最新バージョン

 ・Safari10.3以上

本書でのブラウザの記載

 ・Internet Explorer → IE

 ・Google Chrome → Chrome

 ・Mozilla Firefox → Firefox

 ・Microsoft Edge → Edge

リポジトリとサポートについて

 本書に掲載されたコードと正誤表などの情報は、次のURLで公開しています。

 https://github.com/impressrd/support_comfortable_css

表記関係について

 本書に記載されている会社名、製品名などは、一般に各社の登録商標または商標、商品名です。会社名、製品名については、本文中では©、®、™マークなどは表示していません。

免責事項

 本書に記載されている情報は、執筆時(2018年4月)のものです。記載しているコードについては、必要最低限のものを記載しています。また、本書に記載された内容は情報の提供のみを目的としています。したがって、本書を用いた開発、製作、運用は、必ずご自身の責任と判断によって行ってください。これらの情報による開発、製作、運用の結果について、著者はいかなる責任も負いません。

底本について

 本書籍は、技術系同人誌即売会「技術書典4」で頒布されたものを底本としています

試し読みはここまでです。
この続きは、製品版でお楽しみください。