"whatever you see in Figma, etc. is an impression of a website. It is not a source of truth. Treat a picture of a website — which is what you get out of these tools — as more of a reference of the look and feel you are aiming for, and make the website the actual source of truth." — @bell.bz 👏 👏 👏
The web actually was a lot of fun before monetization ruined everything.
Just hit the “publish” button on a brand-new blog post! ⭐ This one shares the killer pattern I find myself using over and over with container queries: responding *within* media queries to adapt to the new container size. Once you start using this trick, you’ll see opportunities for it all over. 😄
Container Queries Unleashed • Josh W. Comeau
Container queries expand the universe of designs that can be implemented, giving us whole new superpowers. Now that container queries are broadly available, I think it’s time we start exploring this p...
joshwcomeau.com
I was going to make this public on Monday, but since it's all done, I figured why not pull the trigger earlier :) - www.youtube.com/playlist?lis...
HTML & CSS for Absolute Beginners - YouTube
This is a free course that explores how you can create your very first website. It covers the basics of HTML & CSS. Assuming zero knowledge to start, it expl...
youtube.com
Kevin Powell@kevinpowell.co · 2y agoMy newest course - HTML & CSS for absolute beginners - is completely free, so I figured while it's on my course platform, I might as well put it on YouTube as well. As I go through, adding titles and thumbnails to 50 videos all at the same time, I'm debating whether this was such a good idea 😆
new year, new website :) with thy surest steel gathered to thy side, turn to face these new nightmares, these...True Terrors (of the New Dark Web) plenty to do but i'm thrilled to publish this 🤍 thanks a lot if you end up taking a look, but hark! go heedfully: scroll with caution & with care!
Henry From Online
The personal site & portfolio of creative web developer Henry from Online
henry.codes
need product differentiation? overhire a #CSS front-end team and ask them to: - polish whatever - add delight wherever and watch as your product becomes smooth and buttery while everyone else's gather dust and crust UI is a huge space offering differentiation via quality
Never underestimate the trauma of a billionaire who can't get over how much of a dipshit he was back in high school.
Do you hate writing JavaScript for simple events? Invokers are one of the coolest upcoming HTML APIs and they allow you to do things like open a modal without writing a line of JS. youtu.be/Ctb9-Bb2j-Y
Invokers Explained - The new HTML API that to trigger events without JavaScript
YouTube video by Syntax
youtu.be
One of the biggest problems with UI development is about to be solved! Customizable <select> brings allows us to create totally custom dropdowns with HTML and CSS. Accessible, gracefully degrades and requires no JS! 4.5 min video explainer + demo → www.youtube.com/watch?v=MA9W...
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:
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
Here it is! The big thing is the (experimental) Environment API: our hope is it can serve as the foundation for frameworks that run code in multiple different JS runtimes. The internal module runner refactors also pave the way for some interesting things down the road...
Vite@vite.dev · 2y agoVite 6.0 is out ⚡️ vite.dev/blog/announc...
