The trick during the talk — that I made this site for — was that the grid is actually progressively enhanced with masonry where browsers support it, but no one in the audience would have known that had I not told them. It’s the magic of progressive enhancement: everyone gets a fantastic experience, so they don’t even consider if they are getting the “best” experience. They already are because everything works for…

With transition border-image-outset, you can dynamically expand borders to any size or side, all while incorporating gradients.

The web is in a constant state of change. What we build today will inevitably need to adapt tomorrow. And the challenge of keeping up is only growing.

As we’ve been working on Catalyst these last several months, we’ve been making dozens of improvements to Headless UI that let you write even less code, and make the developer experience even better.

Luke Wroblewski is talking product value, and Raymond Camden is exploring chat integration with Google Gemini. And of course, so much more!

Simplicity is a principle to follow in design. Overcomplicating your design won’t make it better in most cases. Beautiful designs can be created from the simplest ideas. Sometimes, good ideas become useless due to over-complication.

This is a roundup of the best websites where you can find and download free Bootstrap templates. We’re focusing on vanilla JS templates that don’t use any frameworks. These high-quality items will power up your websites, landing pages, blogs, portfolios, e-commerce, and dashboards.

In this article, we’ll use a view() animation, combined with a CSS custom property declared with @property to create a “currently-viewing” and section-based progress indicator for each section of a page. This kind of thing can be useful, for example, for a long documentation page so a user can see where they are in it, and how far through their current section they are. Kind of like a reading-progress bar, but smarter, as it is aware…

We love client-side rendering for the way it relieves the server of taxing operations, but serving an empty HTML page often leads to taxing user experiences during the initial page load.

You haven’t needed it. You’re a web designer and you’re focused largely on UI and UX. Your skills with design tools, HTML, CSS, and team communication have served you well. But you know what JavaScript is. It’s another part of the native web. It’s powerful. It can make websites do stuff beyond what HTML and CSS can do alone. You don’t even care to deeply learn JavaScript, you just want to get a ton of bang…