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
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
67
カスタムフィールドのデータを表形式でPDFに書き出す方法 / a-blog cms with pdfmake
Avatar for Ohta Konatsu flour621
0
220

Other Decks in Programming

See All in Programming
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
Avatar for Masayuki Izumi izumin5210
0
3.3k
Serena MCPのすすめ
Avatar for wadakatu wadakatu
4
980
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
Avatar for shibayu36 shibayu36
3
4.9k
Swift Concurrency - 状態監視の罠
Avatar for Yuki Yasoshima objectiveaudio
2
510
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
190
バッチ処理を「状態の記録」から「事実の記録」へ
Avatar for HideyukiKitao panda728
PRO
0
150
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
Avatar for もっち mottyzzz
10
6.6k
あなたとKaigi on Rails / Kaigi on Rails + You
Avatar for Hiroshi Shimoju shimoju
0
130
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
Avatar for Takeru Hayasaka takehaya
9
1.7k
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
Avatar for yuhi yuhisatoxxx
3
1k
Devvox Belgium - Agentic AI Patterns
Avatar for Kevin Dubois kdubois
1
120
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
3
520

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.8k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
KATA
Avatar for Megan Lloyd mclloyd
32
15k

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