夜空ノ贈リ物

ひとりぼっちだった臆病な魔女は、作った作品をインターネットに公開することで、たくさんの方々と繋がることができました。
退学する前は、学校にも馴染めず、ずっと不安を感じる日々を過ごしていました。
ですが、インターネットで活動をはじめてから僕にとって幸運な出来事がたくさんありました。
それも、僕の作品を見てくださった皆さんのおかげです。
そのお礼になるかはわかりませんが、CSSアニメーションを使った演出の講座の読み物を公開します。
夜空をテーマにしたアニメーションを皆さんに届けたいという想いから、この名前にしました。
「バーチャルニート」に入れていただき、技術書典5に出展しますが、いずれは無償で公開します。(無料で公開しますが、書籍の方も買っていただけると嬉しいです....)
少しでも皆さんの作品づくりに役立てられれば嬉しく思います。

CSSアニメーションで自分の世界を作ろう

「夜空ノ贈リ物」の内容は、CSSアニメーションで自分の世界観を表現できるように最初に基本的なアニメーションについて解説します。
ここでは、transform:scale, transform:translate, opacityを使い、シンプルな実装で汎用性の高いアニメーションを作っていきます。
次に長めのアニメーションを作る上での各パートに分割する方法と各パート間の繋ぎ方を僕が提案する方法を解説します。
その次にメニューボタンを押して、メニュー画面を表示させるアニメーションパターンについて解説します。
最後に、僕が考える「感情を持ったWebサイトのCSSアニメーション」について書きます。

ブログや動画でもCSSアニメーションについて発信しているので合わせて読んでいただければ幸いです。

ニートに学ぶCSS Animation演出講座 part1
ニートに学ぶCSS Animation演出講座 part2
ニートに学ぶCSS Animation演出講座 part3
ニートに学ぶCSS Animation演出講座 part4

出来上がるもの
少々お待ちください。