NaveenSingh
@naveensingh.bsky.social
Trying to be Good Software Developer https://naveensingh.dev
Today I learned 👇
🎞️ Motion Accessibility matters
What feels “cool” to us can feel overwhelming to others.
Small changes, big impact:
✅ Use prefers-reduced-motion
✅ Pause/disable animations
✅ Keep motion meaningful
Designing for comfort is designing for humans ❤️
#LearningInPublic #Accessibility
🎞️ Motion Accessibility matters
What feels “cool” to us can feel overwhelming to others.
Small changes, big impact:
✅ Use prefers-reduced-motion
✅ Pause/disable animations
✅ Keep motion meaningful
Designing for comfort is designing for humans ❤️
#LearningInPublic #Accessibility
January 26, 2026 at 5:06 PM
Today I learned 👇
🎞️ Motion Accessibility matters
What feels “cool” to us can feel overwhelming to others.
Small changes, big impact:
✅ Use prefers-reduced-motion
✅ Pause/disable animations
✅ Keep motion meaningful
Designing for comfort is designing for humans ❤️
#LearningInPublic #Accessibility
🎞️ Motion Accessibility matters
What feels “cool” to us can feel overwhelming to others.
Small changes, big impact:
✅ Use prefers-reduced-motion
✅ Pause/disable animations
✅ Keep motion meaningful
Designing for comfort is designing for humans ❤️
#LearningInPublic #Accessibility
✨ The Beauty of Bézier Curves ✨
Ever wondered how smooth curves are created in design and animation? 🎨📐
This video explains it beautifully 👇
▶️ www.youtube.com/watch?v=aVwx...
Ever wondered how smooth curves are created in design and animation? 🎨📐
This video explains it beautifully 👇
▶️ www.youtube.com/watch?v=aVwx...
The Beauty of Bézier Curves
YouTube video by Freya Holmér
www.youtube.com
January 9, 2026 at 11:30 AM
✨ The Beauty of Bézier Curves ✨
Ever wondered how smooth curves are created in design and animation? 🎨📐
This video explains it beautifully 👇
▶️ www.youtube.com/watch?v=aVwx...
Ever wondered how smooth curves are created in design and animation? 🎨📐
This video explains it beautifully 👇
▶️ www.youtube.com/watch?v=aVwx...
Designing Fluid Interfaces — a must-watch from Apple
If you care about smooth interactions and great UX, don’t miss this 🚀🎥
developer.apple.com/videos/play/...
If you care about smooth interactions and great UX, don’t miss this 🚀🎥
developer.apple.com/videos/play/...
Designing Fluid Interfaces - WWDC18 - Videos - Apple Developer
Discover the techniques used to create the fluid gestural interface of iPhone X. Learn how to design with gestures and motion that feel...
developer.apple.com
January 7, 2026 at 8:34 AM
Designing Fluid Interfaces — a must-watch from Apple
If you care about smooth interactions and great UX, don’t miss this 🚀🎥
developer.apple.com/videos/play/...
If you care about smooth interactions and great UX, don’t miss this 🚀🎥
developer.apple.com/videos/play/...
Just learned about Dynamic Keyframes 🔑🎬
Animations don’t have to be static ❌
When keyframes respond to data → motion feels alive ✨
Less hardcoding.
More flexibility.
Better UX. 🚀
Small concept.
Huge impact. 💥
#LearningInPublic #Frontend #Tech #DevJourney
Animations don’t have to be static ❌
When keyframes respond to data → motion feels alive ✨
Less hardcoding.
More flexibility.
Better UX. 🚀
Small concept.
Huge impact. 💥
#LearningInPublic #Frontend #Tech #DevJourney
January 2, 2026 at 6:31 PM
Just learned about Dynamic Keyframes 🔑🎬
Animations don’t have to be static ❌
When keyframes respond to data → motion feels alive ✨
Less hardcoding.
More flexibility.
Better UX. 🚀
Small concept.
Huge impact. 💥
#LearningInPublic #Frontend #Tech #DevJourney
Animations don’t have to be static ❌
When keyframes respond to data → motion feels alive ✨
Less hardcoding.
More flexibility.
Better UX. 🚀
Small concept.
Huge impact. 💥
#LearningInPublic #Frontend #Tech #DevJourney
🎢 CSS Timing Functions (super simple!)
Think of animations like a toy car moving 🏎️
🔹 linear
The car moves at the same speed the whole time
➡️ no fast, no slow
🔹 ease-in
The car starts slow… then goes fast 🚀
➡️ like pushing a swing gently at first
Think of animations like a toy car moving 🏎️
🔹 linear
The car moves at the same speed the whole time
➡️ no fast, no slow
🔹 ease-in
The car starts slow… then goes fast 🚀
➡️ like pushing a swing gently at first
December 30, 2025 at 7:06 PM
🎢 CSS Timing Functions (super simple!)
Think of animations like a toy car moving 🏎️
🔹 linear
The car moves at the same speed the whole time
➡️ no fast, no slow
🔹 ease-in
The car starts slow… then goes fast 🚀
➡️ like pushing a swing gently at first
Think of animations like a toy car moving 🏎️
🔹 linear
The car moves at the same speed the whole time
➡️ no fast, no slow
🔹 ease-in
The car starts slow… then goes fast 🚀
➡️ like pushing a swing gently at first
I used to think:
“If I use ChatGPT, I’m not really learning.” 🤖😕
But not using it at all?
I’d get stuck, frustrated, and start doubting myself.
The problem wasn’t ChatGPT.
It was how I was using it 🧠✨
Here’s the rule that finally clicked for me:
Struggle → Hint → Rebuild → Explain 🔁
“If I use ChatGPT, I’m not really learning.” 🤖😕
But not using it at all?
I’d get stuck, frustrated, and start doubting myself.
The problem wasn’t ChatGPT.
It was how I was using it 🧠✨
Here’s the rule that finally clicked for me:
Struggle → Hint → Rebuild → Explain 🔁
December 29, 2025 at 7:07 AM
I used to think:
“If I use ChatGPT, I’m not really learning.” 🤖😕
But not using it at all?
I’d get stuck, frustrated, and start doubting myself.
The problem wasn’t ChatGPT.
It was how I was using it 🧠✨
Here’s the rule that finally clicked for me:
Struggle → Hint → Rebuild → Explain 🔁
“If I use ChatGPT, I’m not really learning.” 🤖😕
But not using it at all?
I’d get stuck, frustrated, and start doubting myself.
The problem wasn’t ChatGPT.
It was how I was using it 🧠✨
Here’s the rule that finally clicked for me:
Struggle → Hint → Rebuild → Explain 🔁
👩💻🎨 Stop guessing color names in CSS!
Discover the full list of HTML Color Names — clean, readable, and super useful for your next project 🚀
💡 Design smarter
💡 Code faster
💡 Pick colors with confidence
🔗 htmlcolorcodes.com/color-names/
#Frontend #WebDev #CSSColors #DesignTools 🎯
Discover the full list of HTML Color Names — clean, readable, and super useful for your next project 🚀
💡 Design smarter
💡 Code faster
💡 Pick colors with confidence
🔗 htmlcolorcodes.com/color-names/
#Frontend #WebDev #CSSColors #DesignTools 🎯
Color Names
Modern browsers support 140 named colors, which are listed below. Use them in your HTML and CSS by name, Hex color code, RGB or HSL value.
htmlcolorcodes.com
December 28, 2025 at 6:13 PM
👩💻🎨 Stop guessing color names in CSS!
Discover the full list of HTML Color Names — clean, readable, and super useful for your next project 🚀
💡 Design smarter
💡 Code faster
💡 Pick colors with confidence
🔗 htmlcolorcodes.com/color-names/
#Frontend #WebDev #CSSColors #DesignTools 🎯
Discover the full list of HTML Color Names — clean, readable, and super useful for your next project 🚀
💡 Design smarter
💡 Code faster
💡 Pick colors with confidence
🔗 htmlcolorcodes.com/color-names/
#Frontend #WebDev #CSSColors #DesignTools 🎯
✨ Learning Log – Today’s Discovery! ✨
Stumbled upon an awesome toolbox that’s perfect for quick design and dev tasks! 🔧💡 Found it on omatsuri.app and I’m honestly impressed with how many handy tools are packed into one place. 🚀
Stumbled upon an awesome toolbox that’s perfect for quick design and dev tasks! 🔧💡 Found it on omatsuri.app and I’m honestly impressed with how many handy tools are packed into one place. 🚀
omatsuri.app
December 4, 2025 at 1:27 PM
✨ Learning Log – Today’s Discovery! ✨
Stumbled upon an awesome toolbox that’s perfect for quick design and dev tasks! 🔧💡 Found it on omatsuri.app and I’m honestly impressed with how many handy tools are packed into one place. 🚀
Stumbled upon an awesome toolbox that’s perfect for quick design and dev tasks! 🔧💡 Found it on omatsuri.app and I’m honestly impressed with how many handy tools are packed into one place. 🚀
Reposted by NaveenSingh
Friendly reminder: the Black Friday sale I’m running ends tomorrow! 🎈
The best deal is on the bundle, which is an eye-watering US$500 off right now. 👀
www.joyforjs.com
The best deal is on the bundle, which is an eye-watering US$500 off right now. 👀
www.joyforjs.com
Joy for JavaScript Developers
Grab both of my flagship courses — CSS for JavaScript Developers and The Joy of React — in one delightful bundle 😄
www.joyforjs.com
December 2, 2025 at 2:18 PM
Friendly reminder: the Black Friday sale I’m running ends tomorrow! 🎈
The best deal is on the bundle, which is an eye-watering US$500 off right now. 👀
www.joyforjs.com
The best deal is on the bundle, which is an eye-watering US$500 off right now. 👀
www.joyforjs.com
A practical framework for designing and engineering safe, resilient, and inclusive motion 🚶♀️⚙️💪🌍
adobe.design/stories/lead...
adobe.design/stories/lead...
Animation that fails safely: Defensive design for motion-sensitive users
A practical framework for designing and engineering safe, resilient, and inclusive motion
adobe.design
December 2, 2025 at 6:18 AM
A practical framework for designing and engineering safe, resilient, and inclusive motion 🚶♀️⚙️💪🌍
adobe.design/stories/lead...
adobe.design/stories/lead...
🎨 Design Tip: Never use pure black (#000000)!
It can feel harsh and unnatural.
Instead, use dark grays with a hint of color — they feel more alive and balanced. ✨
Great read by @ianstormtaylor 👉
ianstormtaylor.com/design-tip-n...
It can feel harsh and unnatural.
Instead, use dark grays with a hint of color — they feel more alive and balanced. ✨
Great read by @ianstormtaylor 👉
ianstormtaylor.com/design-tip-n...
Design Tip: Never Use Black by Ian Storm Taylor
ianstormtaylor.com
August 21, 2025 at 6:51 AM
🎨 Design Tip: Never use pure black (#000000)!
It can feel harsh and unnatural.
Instead, use dark grays with a hint of color — they feel more alive and balanced. ✨
Great read by @ianstormtaylor 👉
ianstormtaylor.com/design-tip-n...
It can feel harsh and unnatural.
Instead, use dark grays with a hint of color — they feel more alive and balanced. ✨
Great read by @ianstormtaylor 👉
ianstormtaylor.com/design-tip-n...
As developers, we chase performance. But what about playfulness? What about joy? What if learning felt like play?🤹♂️💫
If you’ve taken josh previous courses, you already know
This won’t be just another tutorial. It’ll be fun, hands-on, Interactive, and mind-expanding. 💥🌈
🗓️ Mark your calendar 😁
If you’ve taken josh previous courses, you already know
This won’t be just another tutorial. It’ll be fun, hands-on, Interactive, and mind-expanding. 💥🌈
🗓️ Mark your calendar 😁
✨ My next course, Whimsical Animations, officially has a release date: September 24th! A little over a month from now. 😄
This’ll be another “Early Access” release, with about half of the content available from day 1. Based on feedback from beta testers, this seems to be ~10-15 hours of stuff.
🧵
This’ll be another “Early Access” release, with about half of the content available from day 1. Based on feedback from beta testers, this seems to be ~10-15 hours of stuff.
🧵
August 20, 2025 at 6:42 AM
As developers, we chase performance. But what about playfulness? What about joy? What if learning felt like play?🤹♂️💫
If you’ve taken josh previous courses, you already know
This won’t be just another tutorial. It’ll be fun, hands-on, Interactive, and mind-expanding. 💥🌈
🗓️ Mark your calendar 😁
If you’ve taken josh previous courses, you already know
This won’t be just another tutorial. It’ll be fun, hands-on, Interactive, and mind-expanding. 💥🌈
🗓️ Mark your calendar 😁
🚀 Discovered something cool today! 🌟
Check out this site signature.cnrad.dev
where you can create your own personalized signature! ✍️ Just enter your name, signature image is generated for you! 💼
#Signature #TechTools #PersonalBranding #WebDev #DesignTools
Check out this site signature.cnrad.dev
where you can create your own personalized signature! ✍️ Just enter your name, signature image is generated for you! 💼
#Signature #TechTools #PersonalBranding #WebDev #DesignTools
Digitized Signatures
signature.cnrad.dev
August 18, 2025 at 2:11 PM
🚀 Discovered something cool today! 🌟
Check out this site signature.cnrad.dev
where you can create your own personalized signature! ✍️ Just enter your name, signature image is generated for you! 💼
#Signature #TechTools #PersonalBranding #WebDev #DesignTools
Check out this site signature.cnrad.dev
where you can create your own personalized signature! ✍️ Just enter your name, signature image is generated for you! 💼
#Signature #TechTools #PersonalBranding #WebDev #DesignTools
✨ Just found a 🔥 React gem react-wrap-balancer.vercel.app
It auto-balances text for better readability — no more awkward line breaks! 🧠💡Super lightweight + SSR friendly 💨
Nice & tidy text 👌
#ReactJS #webdev 🚀
It auto-balances text for better readability — no more awkward line breaks! 🧠💡Super lightweight + SSR friendly 💨
#ReactJS #webdev 🚀
React Wrap Balancer
Simple React Component That Makes Titles More Readable
react-wrap-balancer.vercel.app
August 17, 2025 at 6:00 PM
✨ Just found a 🔥 React gem react-wrap-balancer.vercel.app
It auto-balances text for better readability — no more awkward line breaks! 🧠💡Super lightweight + SSR friendly 💨
Nice & tidy text 👌
#ReactJS #webdev 🚀
It auto-balances text for better readability — no more awkward line breaks! 🧠💡Super lightweight + SSR friendly 💨
#ReactJS #webdev 🚀
💭 I used to think: “I need to learn something new and stick with it consistently.”
Turns out, companies are actually looking for that too. 👀
🧵 A quick thread on what I learned from a Meta manager’s hiring approach:
Turns out, companies are actually looking for that too. 👀
🧵 A quick thread on what I learned from a Meta manager’s hiring approach:
August 12, 2025 at 6:31 AM
💭 I used to think: “I need to learn something new and stick with it consistently.”
Turns out, companies are actually looking for that too. 👀
🧵 A quick thread on what I learned from a Meta manager’s hiring approach:
Turns out, companies are actually looking for that too. 👀
🧵 A quick thread on what I learned from a Meta manager’s hiring approach:
You don’t need to be a designer to make things look good.
This article has 7 super practical UI tips that anyone can apply:
👉 medium.com/refactoring-...
One small change = a huge difference.
This article has 7 super practical UI tips that anyone can apply:
👉 medium.com/refactoring-...
One small change = a huge difference.
7 Practical Tips for Cheating at Design
Improving your designs with tactics instead of talent.
medium.com
August 11, 2025 at 8:15 AM
You don’t need to be a designer to make things look good.
This article has 7 super practical UI tips that anyone can apply:
👉 medium.com/refactoring-...
One small change = a huge difference.
This article has 7 super practical UI tips that anyone can apply:
👉 medium.com/refactoring-...
One small change = a huge difference.
🚨 Just read this great post on accessibility pitfalls to avoid — super useful for devs & designers! 💻♿️
🛠️ Covers 5 common mistakes + how to fix them.
👉 klaviyo.tech/5-common-acc...
#Accessibility #WebDev #UX #InclusiveDesign
🛠️ Covers 5 common mistakes + how to fix them.
👉 klaviyo.tech/5-common-acc...
#Accessibility #WebDev #UX #InclusiveDesign
5 Common Accessibility Pitfalls and How to Avoid Them
Over time, I’ve observed a handful of common pitfalls that engineers, particularly those new to accessibility, tend to encounter…
klaviyo.tech
July 28, 2025 at 7:12 AM
🚨 Just read this great post on accessibility pitfalls to avoid — super useful for devs & designers! 💻♿️
🛠️ Covers 5 common mistakes + how to fix them.
👉 klaviyo.tech/5-common-acc...
#Accessibility #WebDev #UX #InclusiveDesign
🛠️ Covers 5 common mistakes + how to fix them.
👉 klaviyo.tech/5-common-acc...
#Accessibility #WebDev #UX #InclusiveDesign
🚀 Just discovered an awesome free icons pack from X!
Perfect for your next design project 💡🖌️
x.com/oykun/status...
Perfect for your next design project 💡🖌️
x.com/oykun/status...
Oykun on X: "why are these icon packs free?! 🤯 🧵 https://t.co/zPUyR65GEN" / X
why are these icon packs free?! 🤯 🧵 https://t.co/zPUyR65GEN
x.com
July 25, 2025 at 5:25 AM
🚀 Just discovered an awesome free icons pack from X!
Perfect for your next design project 💡🖌️
x.com/oykun/status...
Perfect for your next design project 💡🖌️
x.com/oykun/status...
As usual, another ✨clean well-crafted✨ blog from Josh this time on SVGs 🖼️.
www.joshwcomeau.com/svg/friendly...
His interactive tutorials are always fun to learn from 🎯
Even if you already know the concept, you’ll still pick up something new 💡.
Can’t wait for his upcoming whimsical course 🎠
www.joshwcomeau.com/svg/friendly...
His interactive tutorials are always fun to learn from 🎯
Even if you already know the concept, you’ll still pick up something new 💡.
Can’t wait for his upcoming whimsical course 🎠
A Friendly Introduction to SVG • Josh W. Comeau
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most imp...
www.joshwcomeau.com
July 24, 2025 at 7:01 AM
As usual, another ✨clean well-crafted✨ blog from Josh this time on SVGs 🖼️.
www.joshwcomeau.com/svg/friendly...
His interactive tutorials are always fun to learn from 🎯
Even if you already know the concept, you’ll still pick up something new 💡.
Can’t wait for his upcoming whimsical course 🎠
www.joshwcomeau.com/svg/friendly...
His interactive tutorials are always fun to learn from 🎯
Even if you already know the concept, you’ll still pick up something new 💡.
Can’t wait for his upcoming whimsical course 🎠
If you're a developer, Check out the State of HTML 2025 survey,
Discover what you don't there are so many new features in HTML most of us aren't using yet
I just went through it and found a bunch of things I had never heard of 👀
survey.devographics.com/en-US/survey...
Discover what you don't there are so many new features in HTML most of us aren't using yet
I just went through it and found a bunch of things I had never heard of 👀
survey.devographics.com/en-US/survey...
State of HTML 2025
Take the State of HTML survey
survey.devographics.com
July 23, 2025 at 5:46 AM
If you're a developer, Check out the State of HTML 2025 survey,
Discover what you don't there are so many new features in HTML most of us aren't using yet
I just went through it and found a bunch of things I had never heard of 👀
survey.devographics.com/en-US/survey...
Discover what you don't there are so many new features in HTML most of us aren't using yet
I just went through it and found a bunch of things I had never heard of 👀
survey.devographics.com/en-US/survey...
How to Be Successful?
1. Compound yourself
2. Have almost too much self-belief
3. Learn to think independently
4. Get good at “sales”
5. Make it easy to take risks
6. Focus
7. Work hard
8. Be bold
Checkout this blog
blog.samaltman.com/how-to-be-su...
1. Compound yourself
2. Have almost too much self-belief
3. Learn to think independently
4. Get good at “sales”
5. Make it easy to take risks
6. Focus
7. Work hard
8. Be bold
Checkout this blog
blog.samaltman.com/how-to-be-su...
How To Be Successful
I’ve observed thousands of founders and thought a lot about what it takes to make a huge amount of money or to create something important. Usually, people start off wanting the former and end up...
blog.samaltman.com
July 7, 2025 at 4:47 PM
How to Be Successful?
1. Compound yourself
2. Have almost too much self-belief
3. Learn to think independently
4. Get good at “sales”
5. Make it easy to take risks
6. Focus
7. Work hard
8. Be bold
Checkout this blog
blog.samaltman.com/how-to-be-su...
1. Compound yourself
2. Have almost too much self-belief
3. Learn to think independently
4. Get good at “sales”
5. Make it easy to take risks
6. Focus
7. Work hard
8. Be bold
Checkout this blog
blog.samaltman.com/how-to-be-su...
Looking for some explorable explanations, Check the website explorabl.es
Explorable Explanations
a hub for learning through play
explorabl.es
July 7, 2025 at 6:50 AM
Looking for some explorable explanations, Check the website explorabl.es
This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...
State of Devs 2025
Take the State of Devs survey
survey.devographics.com
May 3, 2025 at 6:17 AM
This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...