最新ブラウザ対応で気持ちよく書くCSSデザイン　Chrome、Safari、Firefox、Edge、Internet Explorer 11対応！

関連サイト

本書の関連ページが用意されています。

• NextPublishingオフィシャルWebサイト

内容紹介

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

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

書誌情報

• 著者: 吉川 雅彦
• 発行日: 2018-07-13 (紙書籍版発行日: 2018-07-13)
• 最終更新日: 2019-04-12
• バージョン: 1.1.0
• ページ数: 76ページ(PDF版換算)
• 対応フォーマット: PDF, EPUB
• 出版社: インプレス NextPublishing

対象読者

CSSとHTMLをある程度知っているデザイナー、IE6～8時代にコーディングしていたコーダー、楽な書き方をざっくり知りたいエンジニア

著者について

吉川 雅彦

1982年生まれ。大阪出身。HTML、CSSのコーディングを中心に、マーケティング、ディレクション、デザイン、プログラミングなども行う。プログラマーからデザイナーへ転身し、受託web制作会社、フリーランス、株式会社カカクコム（食べログ）などを経る。個人としてもwebサイトの制作や、受託なども行う。代表作に、しおりを作って共有できるサービス「行程さん」がある。

目次

第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