内容説明
Web関連技術の進歩は目覚ましく、とどまるところを知りません。CSS3になり、本来「デザイナーに画像を作ってもらう」ことでしか対応できなかった表現が、どんどんCSSで実現できるようになってきています。本書はCSSで様々な図形を作り、キャラクターを描き、あたかもRPGのボスキャラに挑むように学習をすすめることができるチュートリアルガイドです。
【目次】
第1章 開発環境を作る
1.1 ブラウザーを開発環境にする(Windows)
1.2 ブラウザーを開発環境にする(Mac)
1.3 Web Maker を追加する(Windows/Mac共通)
第2章 さっそく作ってみる
2.1 Web Makerで作る
2.2 CodePenで作る 1
2.3 CodePenで作る 2
2.4 CodePenの便利な機能
第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 菱形
3.14 二等辺三角形
第4章 全力で挑むボス戦
4.1 海のボス - キングクラブ
4.2 空のボス - ハミングバード
4.3 陸のボス - カメレオン
目次
第1章 開発環境を作る
1.1 ブラウザーを開発環境にする(Windows)
1.2 ブラウザーを開発環境にする(Mac)
1.3 Web Maker を追加する(Windows/Mac共通)
第2章 さっそく作ってみる
2.1 Web Makerで作る
2.2 CodePenで作る 1
2.3 CodePenで作る 2
2.4 CodePenの便利な機能
第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 菱形
3.14 二等辺三角形
第4章 全力で挑むボス戦
4.1 海のボス - キングクラブ
4.2 空のボス - ハミングバード
4.3 陸のボス - カメレオン
