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

関連サイト

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

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

内容紹介

Web関連技術の進歩は目覚ましく、とどまるところを知りません。CSS3になり、本来「デザイナーに画像を作ってもらう」ことでしか対応できなかった表現が、どんどんCSSで実現できるようになってきています。本書はCSSで様々な図形を作り、キャラクターを描き、あたかもRPGのボスキャラに挑むように学習をすすめることができるチュートリアルガイドです。

書誌情報

• 著者: 林 智史
• 発行日: 2019-10-25
• 最終更新日: 2019-10-25
• バージョン: 1.0.0
• ページ数: 278ページ(PDF版換算)
• 対応フォーマット: PDF, EPUB
• 出版社: インプレス NextPublishing

対象読者

Web,CSS,図形,作図,Edge,ブラウザ,開発環境,描画に興味がある人

著者について

林 智史

Webクリエーター。大学卒業後、ソフトウェアハウスでWeb系のバックエンド開発に従事する。その後、自社サービスの事業会社で、メディア・EC・SNSの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　陸のボス - カメレオン