Upgrade to Pro — share decks privately, control downloads, hide ads and more …

「ここのアニメーション、おまかせで！」と言われたら / What is important f...

Avatar for Ohta Konatsu Ohta Konatsu
December 14, 2018
Programming
0
31

「ここのアニメーション、おまかせで！」と言われたら / What is important for css animation

Frontend Nagoya #7（https://frontend758.doorkeeper.jp/events/81433）の LT枠でお話させていただいた内容です。

Avatar for Ohta Konatsu

Ohta Konatsu

December 14, 2018
Tweet

More Decks by Ohta Konatsu

See All by Ohta Konatsu
テンプレートの変更を減らすために心がけていること
Avatar for Ohta Konatsu flour621
0
66
カスタムフィールドのデータを表形式でPDFに書き出す方法 / a-blog cms with pdfmake
Avatar for Ohta Konatsu flour621
0
210

Other Decks in Programming

See All in Programming
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
12
7.5k
おやつのお供はお決まりですか？@WWDC25 Recap -Japan-\(region).swift
Avatar for gangan shingangan
0
150
AIともっと楽するE2Eテスト
Avatar for Yohei Maeda myohei
9
3.1k
코딩 에이전트 체크리스트: Claude Code ver.
Avatar for nacyot nacyot
0
990
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
Avatar for Kuu fumiyakume
18
9.3k
AIのメモリー
Avatar for watany watany
11
980
AI Ramen Fight
Avatar for Yusuke Wada yusukebe
0
110
リッチエディターを安全に開発・運用するために
Avatar for una unachang113
1
250
マッチングアプリにおけるフリックUIで苦労したこと
Avatar for yuhei yuheiito
0
240
型で語るカタ
Avatar for irof irof
1
830
Reactの歴史を振り返る
Avatar for つちのこ tutinoko
1
130
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
Avatar for のんちゃん non0113
2
240

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k

Transcript

  1. ͜͜ͷΞχϝʔγϣϯɺ ͓·͔ͤͰʂ Suzulabo

  2. URL https:/ /suzulabo.com MAIL [email protected] OHTA KONATSU WEB CREATOR &

    FRONT END ENGINEER 3 Web Suzulabo / 好きなタグは <section> です！ ࣗݾ঺հ

  3. ͓࿩͢͠Δ͜ͱ 花 ! Attention !

  4. ޷͖ͳΑ͏ʹ ͍͍ײ͡ʹ͍ͯͩ͘͠͞ʂ ࢥ͍͔ͭͳ͍ͷͰɺ ͓·͔ͤͰ͓ئ͍͠·͢ʂ 

  5. ςʔϚͱͳΔงғؾΛܾΊΔ

  6. None

  7. ଎͞ 300ms ms ms ms ms 0.05 0.30 1.00

  8. Πʔδϯά linear = = &&

  9. Πʔδϯά ease-in ease-out ease-in-out

  10. Πʔδϯά

  11. ಈ͔͢ཁૉΛܾΊΔ DOWN ×

  12. && ಈ͔͢ཁૉΛܾΊΔ ×

  13. ׬੒ &&

  14. Ҿ͖ग़͠Λ૿΍͢ʹ͸ʁ SNS Twitter Instagram LINE transform CSS

  15. ·ͱΊ : Google Developers Material Design PhotoshopVIP

  16. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ