Chris Coyier

The State of HTML 2023 Results are out! I thought this survey was more interesting to take than reading these results. It’s not that the results aren’t interesting. I’m almost impressed by how low the “used it” percentages are for certain features, like less than half of people have used a <details>?? And 28% are […]

A very basic step-by-step guide of exactly how to do it for static files like .html, .css, and .js files.

Some of you likely worked through the “CSS3” thing. It was huge. People damn near stopped saying “CSS” for a few years there. Everything was “HTML5” and “CSS3”, such was the success of that marketing effort. There was a logo and everything. It was a little cheesy, but it was a good thing. People saw […]

It’s worth noting that Automattic shipped a thing called Studio: … a fast, free way to develop locally with WordPress. Share your local sites with clients or colleagues and keep your local development process smooth and simple. It’s amazing to me that WordPress got to be as dominant as it is without any real answer […]

When you nest elements with border-radius, the inner element needs less radius than the outer element.

This is some classic advice on this, and a future-looking fix.

What is sheet music if not icons placed in particular vertical and horizontal positions? Stephen Band turned the system of sheet music into a CSS grid system where you control the placement of everything with classes and data-attributes.

https://cruncher.ch/blog/printing-music-with-css-grid/

Let’s say you don’t know JavaScript. You’re a web designer and you’re focused largely on UI and UX. Let’s look at some things you could learn in a day that will give you that bang for the buck.

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.