- Frontend Fridays
- Posts
- Improve your app's UX with beautiful animations!
Improve your app's UX with beautiful animations!
Frontend Fridays - September 27th, 2024
Krishna Sumanth
September 27, 2024 • Estimated Reading Time: 2 minutes
Welcome back to Frontend Fridays!
If you are new here, I share the 5 best frontend posts I saw in the last 7 days. I scroll, so you don’t have to!
Let’s get to it:
#1 🎨
A lot is possible nowadays with web animations. Lottie and Framer motion have made it so easy to animate on the web! This animation on Love From’s site by Jony Ive was built using Lottie!
FYI, if you want to get better at web animations, there’s a course by Emil Kowalski called https://animations.dev/. I’ve been a customer & highly recommended it!
#2 🎨
The worst kind of bug is the one that’s rare and seemingly goes away on its own, but whose enigma lingers on in the back of your head for the rest of eternity.
— Guillermo Rauch (@rauchg)
12:31 PM • Sep 19, 2024
Ah, those sleepless haunted nights! 👻
#3 🎨
I think most developers still don't realize how big of a deal @shadcn v2 is.
You can now copy any external components and functionality into your project with one command!
This allows for modular composition of full-stack apps.
> npx shadcn add example[.]com/blog.json
> npx… x.com/i/web/status/1…— Ollie Martynov (@olliethedev)
3:12 PM • Sep 19, 2024
Shadcn’s UI kit is becoming a go-to for all frontend components. Easy to install, customizable with great defaults, compatible with TailwindCSS, and now import external components you like! What more do you need?!
#4 🎨
TIL about `field-sizing: content` in css
— Jonnie Hallman (@destroytoday)
7:50 PM • Sep 15, 2024
Whoah! TIL! 🤯
#5 🎨
Why does this library even exist 🤔
— Ryan Els (@RyanEls4)
6:00 AM • Sep 23, 2024
And it has 32 million downloads! 😵💫
LET ME HEAR IT
What do you think of today’s edition? Hit ‘reply’ to this email and let me know!
P.S. Know someone who would love Frontend Fridays? Forward them this email & ask them to subscribe - https://www.frontendfridays.com/