Chris Coyier

“… props that match a property on the Custom Element instance will be assigned as properties, otherwise they will be assigned as attributes.”

A “game” where you enter the right CSS to move to the next level, teaching you CSS anchor positioning along the way. In the vein of Flexbox Froggy, which I know clicked with a ton of people. Made by Thomas Park, who’s company Codepip actually makes a ton of these experiences.

You can make a table responsive by letting it horizontally scroll. But if you do that, make sure any paragraph style text isn’t any wider than the screen.

What is a good contrast text color on a black background? White. What about on a white background? Black. What about on #f06d06? Less clear. Devon Govett posted a good trick to having CSS pick for you, which works across browsers today. Lea Verou has a much deeper dive. There is supposed to be a […]

𝐏𝐨𝐭𝐚𝐭𝐨 is not just Potato formatted.

Authors Together: In 2024, A Book Apart closed its doors after publishing a much-loved collection of more than 50 brief books for people who make websites. The rights to each book have reverted to the authors — hi, that’s us — and we’ve put together this semi-official directory to help you find our books in their new […]

I find this hard to remember and it’s come up for me a few times lately so I’m writing it down gosh darn it! The individual corner border-radius values, like border-top-right-radius (which is hard enough to remember on its own) have logical property versions, meaning that should the flow of the document change, the border […]

Kevin Powell pitted several AI models against each other in a video focused on CSS questions and found Claude to be the best. I think a ton of coding usage of AI is in VS Code which leans Microsoft Copilot which uses GPT-4o by default although you can change it in the UI, so it […]

Jen Simmons introduces the hot-off-the-presses background-clip: border-area; which can produce some pretty compelling and real-world designs with a few lines of sensible CSS. I suspect our recent background-clip trickery would be simplified with this new value because we wouldn’t have to put a fake background over the padding-box to get the effect.

A CSS Custom Property can be used to tweak colors darker when shown on light and lighter when shown on dark, making them pop in both cases.