#
DIFF.BLOG
New
Following
Discover
Jobs
More
Top Writers
Suggest a blog
Upvotes plugin
Report bug
Contact
About
Sign up
The home for great developer writing.
We surface the best developer writing from thousands of independent blogs, updated daily.
Join now
→
Learn more
TOPICS
Squash and Stretch
292
·
·
April 13, 2026, 2:46 p.m.
animation
svg
Web Development
user-experience
Summary
This blog post introduces the first principle of Disney’s 12 Basic Principles of Animation, focusing on how to apply it to create SVG micro-interactions that enhance the believability and natural feel of animations in web development.
Read full post on www.joshwcomeau.com →
MORE POSTS LIKE THIS
How I'm using CSS View Transitions on this blog
Max Glenister ·
Jul 7, 2026
Web Development
CSS
SVG frame-based animation
⠀ ᯽ ᯽ ⠀ ·
May 22, 2026
svg
animation
Animating Focus with View Transitions
Frontendmasters ·
May 7, 2026
blog-post
animation
Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP
Tympanus ·
May 5, 2026
Tutorials
GSAP
SVGs that feel like GIFs
koaning ·
Jul 7, 2025
svg
animation
SMIL on?
CSS-Tricks ·
Apr 2, 2025
articles
animation
Discover more posts →
AUTHOR
BLOG POST FEATURED ON
r/webdev
19 points
Hacker News
3 points
r/Frontend
1 points
Add this plugin to your blog
RECENT POSTS FROM THE AUTHOR
Choose how you want to continue.
Continue with GitHub
Continue with Google