In this article we’re having a look at how CSS is used at scale on over 100,000 websites. We’ll look at what things are common on most websites and discover interesting outliers. This is the first edition of what I hope to be many, so this is meant as a baseline for future editions, setting up the first numbers to compare with in coming years.

You always know it’s a good bug when your first reaction is, “How could this even happen?” If we removed the heart emoji in our Send Feedback button, then Safari could lay the page out in 2 milliseconds. If we re-added it, the page took 1600ms for each layout, of which there were multiple.

The new contrast-color() function is not fully supported yet. But can we still implement it in a cross-browser friendly way using other new CSS features?

I have a table, with alternating rows having different background colors, and the table content overflows the container on the right. I want to have a shadow/indicator on the side of the table that is overflowing the container.

Accessibility is really similar to recycling in certain ways. Most people agree that they are both net positives for the world, so many folks want to try their best at it, even if it requires them to take on a bunch of work they might not necessarily be prepared for. This often leads to a problem that I will call ‘wishcessibility.‘