Chris Coyier

Really clever trick via Temani Afif.

https://codepen.io/t_afif/pen/vYbdVjb

Fill the entire element with a gradient overlay on top of any existing background, which can make it easier to read text set on top.

Icônes is an amazing icon resource site. There are tens of thousands of free-to-use icons which are easy to browse and find. Export or copy in SVG, PNG, or as a component in many popular frameworks.

https://icones.js.org/

We can *mostly* use HTML alone for this API. But here, we’ll use CSS to style the “links” within paragraphs and a JS library to position them, in lieu of CSS anchoring.

Just to cut to the chase, the superpower is being able to adjust their weight (or at least one of their attributes, or as variable fonts call them, an “axis”) without changing the space they occupy. This means that interactive effect and animations can be done without worry for awkward reflow situations and performance problems. […]

Speaking of Jake, his recent article HTML attributes vs DOM properties is a good one for all y’all on that journey to senior developer. I could imagine asking this in an interview. I’d say you should straight up know this is the case and learn over time the more nuanced stuff like which properties reflect […]

Good advice: “Write alternative text as if you’re describing the image to a friend.” Or, if it’s helpful, don’t forget to include the emotion in an image.

I wrote in my masonry proposal feedback: Are there any more fleshed out alternative proposals? I thought Jen presented strongly that CSS grid is a great place to put masonry layout, but also that it wasn’t arguing against anything else. Rachel Andrew has that “anything else”, which is display: masonry; with more explanation. What’s nice […]

This API, which you can use entirely in HTML, allows you to open an element on top of *everything* despite where it lives in the DOM and without any particular styling.

Nikita Prokopov with a pretty humorous article about centering things in web design. This is my claim: we, as a civilization, forgot how to center things. Centering things is almost trivial in CSS at this point. There are different approaches, because there are different situations. The knowledge to do so is pretty easy to find. […]

Happy Friday! I think I’m a bit unusual in that I typically like to listen to nothing as I work. Or more specifically, code or write. I love listening to music when I’m ever doing anything rote, and podcasts when I drive. But I gave musicForProgramming(); a try when I saw it the other day […]