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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Ohta Konatsu Ohta Konatsu
December 14, 2018
Programming
0
32

「ここのアニメーション、おまかせで！」と言われたら / 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
68
カスタムフィールドのデータを表形式でPDFに書き出す方法 / a-blog cms with pdfmake
Avatar for Ohta Konatsu flour621
0
230

Other Decks in Programming

See All in Programming
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
230
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
200
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
230
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
SourceGeneratorのススメ
Avatar for tkym htkym
0
190
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
700

Featured

See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.2k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ