CSS Nite After Dark 2019 「現場で活用できるマイクロインタラクションの作り方」

1
北村たあ @tah_timing

近日リニューアル予定のics media !ics.media #cssnite

2019-03-19 20:58:42
北村たあ @tah_timing

TweenMax animate.js CreateJSがおすすめ #cssnite

2019-03-19 21:08:50
北村たあ @tah_timing

アニメーションに大事な余韻 #cssnite

2019-03-19 21:10:30
北村たあ @tah_timing

プログレスバーは最初あえてスピードを落とすとUX的に良い #cssnite

2019-03-19 21:11:48
北村たあ @tah_timing

一文字ずつ<span>で区切っているテキストアニメーション #cssnite

2019-03-19 21:14:48
北村たあ @tah_timing

cssのskew(傾斜)はあまり使ったことないそう言えば… #cssnite

2019-03-19 21:18:49
北村たあ @tah_timing

Nuxt.jsでページ接続型アニメーション #cssnite

2019-03-19 21:23:10
北村たあ @tah_timing

OSでアニメーションoffされることもある cssでOS設定判定して読み取る #cssnite

2019-03-19 21:27:19
吉田哲也/Web屋🏄🏻ウェブ解析×制作×webマーケコピー @tetsu8yoshida

マイクロインタラクションはシンプルなテクニックの集まり 必要かどうかの見極めも必要 #cssnite

2019-03-19 21:28:21
北村たあ @tah_timing

XDで作り込んだアニメーションの実装は難しいけど頑張れば可能(工数は不明) #cssnite

2019-03-19 21:29:32
北村たあ @tah_timing

最近のGoogleはjsのページも理解してくれるよ #cssnite

2019-03-19 21:31:23
ほり @642405

CSS Nite After Dark 2019 「現場で活用できるマイクロインタラクションの作り方」参加。 うちの会社アニメーション弱くてこの部分をエンジニアさんとどうコミュニケーション取っていいかわかんなかったんだけどとても勉強になりました CSSで出来ることはわたしもガツガツやりたい、やる📺 #cssnite

2019-03-19 21:49:51
高橋悠太 / Yuta Takahashi @yu_cfbif

@clockmaker 今日の懇親会ではお話させていただきありがとうございました。アニメーション作成とても勉強になりました!Nuxt.jsもより勉強します!

2019-03-19 23:52:41
池田 泰延 / ICS @clockmaker

@yu_cfbif 高橋さん、本日はCSS Niteへお越しくださいましてありがとうございました! そう言っていただけて嬉しいです。 これからもよろしくお願いします!

2019-03-19 23:59:56
池田 泰延 / ICS @clockmaker

私も同じ事を思っています。普通の静的サイトを作るためにNuxt.jsを導入するのがいいかも。 ・Nuxtならモダンな開発環境を一発で整備できる ・HTMLを.vueファイルにそのまま書ける ・Scoped CSSの恩恵が得られる(重要) ・極端な話、Vue.jsの機能を使わなくても利用できる twitter.com/KazumaNishihat…

2019-03-20 11:40:34
西畑一馬@to-R @KazumaNishihata

最近は、普通の静的サイト(SPAではない)もNuxtで作るので良いんじゃないかなと思ってます。 sterfield.co.jp/designer/nuxt-…

2019-03-20 11:24:42