Josh Hughes
@josh-hughes.com
UI/UX Designer living in Columbia, MO.
Website: https://josh-hughes.com
Website: https://josh-hughes.com
Reposted by Josh Hughes
You too can make a tiny, fixed-width website in the year of our lord 2025 ⚡️ lynnandtonic.com
Lynn Fisher
Lynn Fisher is a web designer, CSS developer, and artist from Phoenix, Arizona.
lynnandtonic.com
December 8, 2025 at 3:47 PM
You too can make a tiny, fixed-width website in the year of our lord 2025 ⚡️ lynnandtonic.com
Reposted by Josh Hughes
You can now easily customize find-in-page with the new ::search-text pseudo-element, that is shipping in Chromium 144.0.7547. 🚀
Find more details on the blog post by Stephen Chenney: blogs.igalia.com/schenney/fin...
Thanks to Bloomberg for sponsoring this work.
Find more details on the blog post by Stephen Chenney: blogs.igalia.com/schenney/fin...
Thanks to Bloomberg for sponsoring this work.
December 2, 2025 at 11:31 AM
You can now easily customize find-in-page with the new ::search-text pseudo-element, that is shipping in Chromium 144.0.7547. 🚀
Find more details on the blog post by Stephen Chenney: blogs.igalia.com/schenney/fin...
Thanks to Bloomberg for sponsoring this work.
Find more details on the blog post by Stephen Chenney: blogs.igalia.com/schenney/fin...
Thanks to Bloomberg for sponsoring this work.
Reposted by Josh Hughes
❌ mobile first
✅ container first
✅ container first
September 21, 2025 at 4:21 PM
❌ mobile first
✅ container first
✅ container first
Reposted by Josh Hughes
🥳 It's an exciting day! 🥳
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
April 30, 2025 at 5:47 PM
🥳 It's an exciting day! 🥳
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Reposted by Josh Hughes
One of the most consistently neglected parts of today’s user experiences is our handling of errors. We’re so busy designing the happy paths through our products that we often forget to give the same care and attention to the times when things will go wrong
piccalil.li/blog/how-to-...
piccalil.li/blog/how-to-...
How to write error messages that actually help users rather than frustrate them
One of the most consistently neglected parts of today’s user experiences is our handling of errors. We’re so busy designing the happy paths through our products that we often forget to give the same...
piccalil.li
April 17, 2025 at 11:06 AM
One of the most consistently neglected parts of today’s user experiences is our handling of errors. We’re so busy designing the happy paths through our products that we often forget to give the same care and attention to the times when things will go wrong
piccalil.li/blog/how-to-...
piccalil.li/blog/how-to-...
Reposted by Josh Hughes
don't forget `touch-action: manipulation` for buttons on mobile
double taps shouldn't zoom
double taps shouldn't zoom
April 7, 2025 at 5:15 PM
don't forget `touch-action: manipulation` for buttons on mobile
double taps shouldn't zoom
double taps shouldn't zoom
Reposted by Josh Hughes
in Chrome 135 - Tomorrow Mar 26, 2025
customize all the parts of a
customize all the parts of a
March 24, 2025 at 9:31 PM
in Chrome 135 - Tomorrow Mar 26, 2025
customize all the parts of a
customize all the parts of a
Reposted by Josh Hughes
It used to be quite challenging to set the precedence of individual #CSS rules without some pain. (This encouraged the practice of authoring many small utility classes that do very little on their own.)
Thankfully, that’s no longer the case. Here’s a simple example: cloudfour.com/thinks/cowar...
Thankfully, that’s no longer the case. Here’s a simple example: cloudfour.com/thinks/cowar...
Cowardly Defaults and Courageous Overrides with Modern CSS
Let’s make a more useful utility class without giving up any versatility.
cloudfour.com
March 20, 2025 at 8:36 PM
It used to be quite challenging to set the precedence of individual #CSS rules without some pain. (This encouraged the practice of authoring many small utility classes that do very little on their own.)
Thankfully, that’s no longer the case. Here’s a simple example: cloudfour.com/thinks/cowar...
Thankfully, that’s no longer the case. Here’s a simple example: cloudfour.com/thinks/cowar...
Reposted by Josh Hughes
I have a passive theory that the manner in which junior and senior devs leverage AI assistance for coding is fundamentally different: (1/?)
March 18, 2025 at 4:38 PM
I have a passive theory that the manner in which junior and senior devs leverage AI assistance for coding is fundamentally different: (1/?)
Reposted by Josh Hughes
Reposted by Josh Hughes
🎉 Introducing my upcoming third course, Whimsical Animations!
This course will teach you how to build top-tier animations and interactions using a variety of techniques. ✨
You can join the waitlist on the course’s brand-new site, which is the most ridiculous thing I’ve built in quite some time:
This course will teach you how to build top-tier animations and interactions using a variety of techniques. ✨
You can join the waitlist on the course’s brand-new site, which is the most ridiculous thing I’ve built in quite some time:
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
whimsy.joshwcomeau.com
February 24, 2025 at 4:32 PM
🎉 Introducing my upcoming third course, Whimsical Animations!
This course will teach you how to build top-tier animations and interactions using a variety of techniques. ✨
You can join the waitlist on the course’s brand-new site, which is the most ridiculous thing I’ve built in quite some time:
This course will teach you how to build top-tier animations and interactions using a variety of techniques. ✨
You can join the waitlist on the course’s brand-new site, which is the most ridiculous thing I’ve built in quite some time:
Reposted by Josh Hughes
Built a fun “mad-libs” breakup letter that then folds up and zooms off. #ux #ui #webdesign
Thanks to @joshwcomeau.com for the Folding the DOM article. It was a big help.
Thanks to @joshwcomeau.com for the Folding the DOM article. It was a big help.
February 11, 2025 at 5:11 PM
Built a fun “mad-libs” breakup letter that then folds up and zooms off. #ux #ui #webdesign
Thanks to @joshwcomeau.com for the Folding the DOM article. It was a big help.
Thanks to @joshwcomeau.com for the Folding the DOM article. It was a big help.
Reposted by Josh Hughes
#CSS scroll-state() container queries
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
January 15, 2025 at 8:21 PM
#CSS scroll-state() container queries
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
Reposted by Josh Hughes
January 29, 2025 at 7:28 PM
Reposted by Josh Hughes
January 28, 2025 at 10:16 PM
Reposted by Josh Hughes
Wasn’t sure this was gonna happen, but it’s still 2024 here for ~8 hours 😅
My annual portfolio refresh 💃 lynnandtonic.com
My annual portfolio refresh 💃 lynnandtonic.com
Lynn Fisher
Lynn Fisher is a web designer, CSS developer, and artist from Phoenix, Arizona.
lynnandtonic.com
December 31, 2024 at 10:21 PM
Wasn’t sure this was gonna happen, but it’s still 2024 here for ~8 hours 😅
My annual portfolio refresh 💃 lynnandtonic.com
My annual portfolio refresh 💃 lynnandtonic.com
Reposted by Josh Hughes
Every dad gift ideas list is like: Scotch rocks, socks that are also a knife, bacon wallet, hammer subscription
December 16, 2024 at 12:07 AM
Every dad gift ideas list is like: Scotch rocks, socks that are also a knife, bacon wallet, hammer subscription
Reposted by Josh Hughes
One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
Next-level frosted glass with backdrop-filter • Josh W. Comeau
Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...
joshwcomeau.com
December 2, 2024 at 6:18 PM
One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post: