「動き」のあるWebサイトを支えるCSSアニメーション技術｜yui540｜note

昨日、PIXIV TECH FESで登壇させていただいたときに発表したスライドの内容になります。 当日、来れなかった方はぜひこちらをご覧ください！ そして、当日お越し下さった皆さま本当にありがとうございました！ Twitterで「CSSアニメーション」「CSSヤクザ」というワードがたくさん飛び交って、とても嬉しいです。 これからもCSSと共に新しい表現を模索していきますのでぜひお楽しみに！

[gla69]

えっ、じゃあそのリッチな動きを実現するための緩急の付け方とか、数値の設定こそ教えて欲しいんですが！！！！！！

[flirt774]

これで新卒だというのだから末恐ろしいです。かっこいい！

[kenzy_n]

Flashでわちゃわちゃ動かしていたのを思い出す。

[ultimatebreak]

もはや専門技術だよなあ。ここまでのは使いどころが限られすぎて学ぶ優先順位がどうしても低いので、得意な人に任せます

[kijtra]

わりと泥臭い感じする

[uca_co]

技術とセンスと両方要る……

[take-it]

やだぐるんぐるんうごくしーえすえすこわいうぇぶこわいせんすすごい

[w_bonbon]

cssの演出はデザインなのかエンジニアリングなのかが良く分からなくなる時ある。

[Lian]

すご

[simochee]

リッチなCSSアニメーションすごい憧れる

[ttkazuma]

一度はCSSにハマって複雑になり、結局シンプルに辿り着く

[tossy_yukky]

CSSアーティストと言ってもいいんじゃないだろうか。すげー。

[j1nsuke]

グリッチ効果好き

[pinkid77]

cssアニメーション

[basseyboost]

そんなことよりスライドかわいい！

[norip44]

真似したい！　ただし、やりすぎると本来の目的を失う。それに適切なイージングは根気なり経験なりが必須…ということはコスパ悪くなる場合も。ちゃんとその表現が「必要」か考えよう

[hhungry]

20年前にFLASHで当たり前にできたアニメーションだけど、nonFlashでやっと再現できるようになってきた感がある。車輪の再開発だけど発展してもらいたい。

[primedesignworks]

全ては予算次第

[mayumayu_nimolove]

子気味の良いアニメーションならいいけど。ところでwebデザイナーの人ってアニメーションするサイトはあまり評価してなかったよね？ニールセンも言っている、古事記にも書いてある、とか。また流行ってきたのか。

[jitojito]

ローカルでやってる分にはいいけどなー。

[ebo-c]

「お手本を見て、真似る。」(ゲームPV、アニメOP、MVなど)→「もっと踏み込んで考える。」(このプロパティをこう使えば作れるんじゃないか) 引き出し多そう。増やせそう

[hoihoitea]

僕はwebページが動くのが嫌いだ。

[raebchen]

動くのは困る😩目が回る🌀モノが考えられない😵思考停止する😪やめてくれ！！😫静かにしてくれ！😖画面くるくる変えるな！🤮チラチラしてくれるな！😭

[seal2501]

デザインエンジニアリングの域。CSSヤクザ怖い

[kazoo_oo]

これは楽しい。

[renos]

CSSのやべー人ってメモてった人だ…

[nkgr]

すげー

[sezemi]

“CSSヤクザ” いい呼び方

[heavenward]

変態感満載でスライドもかわいいしすばらしい

[takehanogi11]

かっこいい