エンジニアからクリエーターにスキルアップ！ゼロからはじめるCSS図形

林 智史

Oct 2019 · インプレスR&D

About this ebook

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　陸のボス - カメレオン

About the author

Webクリエーター。大学卒業後、ソフトウェアハウスでWeb系のバックエンド開発に従事する。その後、自社サービスの事業会社で、メディア・EC・SNSの3事業の開発と運用を経験。次第にバックエンドからフロントエンドへ興味が移り、エンタメ系の制作会社に転職。フリーランスとして独立後は「企画～デザイン～フロントエンド～バックエンド～インフラ」の一気通貫で対応することがモットー。プライベートでは、フロントエンドばかり弄っている。