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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
700
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
230
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.9k
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
200
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
160
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
170
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140

Featured

See All Featured
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
340
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
640
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

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