Ready to get your hands dirty with the shape() function? @css has a bunch of examples and exercises, starting with lines and arcs, to help you master this new feature.
https://css-tricks.com/better-css-shapes-using-shape-part-1-lines-and-arcs/
The official account for CSS-Tricks.com, a web design community powered by
DigitalOcean.
Ready to get your hands dirty with the shape() function? @css has a bunch of examples and exercises, starting with lines and arcs, to help you master this new feature.
https://css-tricks.com/better-css-shapes-using-shape-part-1-lines-and-arcs/
@chriskirknielsen @piccalilli Yeah! Andy’s article links up a 12-year old article on the topic, too. It’s high time that gets solved.
I love this. Andy Bell over at @piccalilli has a clever way to apply styles to image alt text, but only when the image fails to load.
https://css-tricks.com/you-can-style-alt-text-like-any-other-text/
I love using @css's new CSS path-to-shape converter to see shape() commands used in a bunch of different contexts.
A reader wrote-in asking how to make a complex list-counting system for a legal document. We ain't no lawyers, but we can style the crap out of lists with CSS!
The Email Markup Consortium released its 2025 study on the accessibility in HTML emails, and the TL;DR is not totally dissimilar from what we heard from WebAIM’s annual web report.
https://css-tricks.com/html-email-accessibility-report-2025/
Scroll-Driven Animations Inside a CSS Carousel, by @geoff (@csstricks):
https://css-tricks.com/scroll-driven-animations-inside-a-css-carousel/
Anchor Positioning Just Don’t Care About Source Order, by @geoff (@csstricks):
https://css-tricks.com/anchor-positioning-just-dont-care-about-source-order/
Scroll-Driven Animations Inside a CSS Carousel
https://css-tricks.com/scroll-driven-animations-inside-a-css-carousel/
What it looks like to troubleshoot one of those impossible issues that turns out to be something totally else you never thought of.
https://css-tricks.com/this-isnt-supposed-to-happen-troubleshooting-the-impossible/
It's incredibly tough to find a CMS for static sites that is geared for non-techies, but @mrtrimble found one he's pretty stoked about.
https://css-tricks.com/using-pages-cms-for-static-site-content-management/
What does it look like to refactor your own code? John Rhea picks apart an old CSS animation he wrote and walks through the thought process of optimizing it.
https://css-tricks.com/orbital-mechanics-or-how-i-optimized-a-css-keyframes-animation/
Why is Nobody Using the hwb() Color Function?
https://css-tricks.com/why-is-nobody-using-the-hwb-color-function/
Yet another way to pull off the classic CSS scroll shadows trick — this time using masks in combination with scroll-driven animation.
https://css-tricks.com/modern-scroll-shadows-using-scroll-driven-animations/
Jotting down a few notes on the new CSS shape() function and the commands it supports. It's incredible how dense this stuff is, but it's still a lot easier to grok than working with SVG paths by hand.
The State of Devs survey is now open to participation, and unlike previous surveys it covers everything except code: career, workplace, but also health, hobbies, and more.
https://css-tricks.com/state-of-devs-a-survey-for-every-developer/
The article revisiting image maps that you didn't know you needed, courtesy of @malarkey.
The second episode of this little podcast I'm doing with Brad Frost called Open Up just published. Think of it as a touch of "Dear Abby" for the web design and development crowd where we take questions from folks about the "human" side of work.
The fact that anchor positioning eschews HTML source order is so CSS-y because it's another separation of concerns between content and presentation.
https://css-tricks.com/anchor-positioning-just-dont-care-about-source-order/