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フル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
160
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.7k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
220
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
280
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
190
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k

Featured

See All Featured
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
680
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.2k

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