Integrating CSS Cascade Layers To An Existing Project

Posted by: . Posted on: September 10, 2025 Comments: 0

Integrating CSS Cascade Layers To An Existing Project Integrating CSS Cascade Layers To An Existing Project Victor Ayomipo 2025-09-10T10:00:00+00:00 2025-09-20T02:02:56+00:00 You can always get a fantastic overview of things in Stephenie Eckles’ article, “Getting Started With CSS Cascade Layers”. But let’s talk about the experience of integrating cascade layers into real-world code, the good, the bad, and the spaghetti. I could have created a sample project for a classic walkthrough,…

CSS Intelligence: Speculating On The Future Of A Smarter Language

Posted by: . Posted on: July 2, 2025 Comments: 0

CSS Intelligence: Speculating On The Future Of A Smarter Language CSS Intelligence: Speculating On The Future Of A Smarter Language Gabriel Shoyombo 2025-07-02T13:00:00+00:00 2025-09-20T02:02:56+00:00 Once upon a time, CSS was purely presentational. It imperatively handled the fonts, colors, backgrounds, spacing, and layouts, among other styles, for markup languages. It was a language for looks, doing what it was asked to, never thinking or making decisions. At least, that was what…

Decoding The SVG path Element: Curve And Arc Commands

Posted by: . Posted on: June 23, 2025 Comments: 0

Decoding The SVG path Element: Curve And Arc Commands Decoding The SVG path Element: Curve And Arc Commands Myriam Frisano 2025-06-23T10:00:00+00:00 2025-09-20T02:02:56+00:00 In the first part of decoding the SVG path pair, we mostly dealt with converting things from semantic tags (line, polyline, polygon) into the path command syntax, but the path element didn’t really offer us any new shape options. This will change in this article as we’re learning…

Meet Accessible UX Research, A Brand-New Smashing Book

Posted by: . Posted on: June 20, 2025 Comments: 0

Meet Accessible UX Research, A Brand-New Smashing Book Meet Accessible UX Research, A Brand-New Smashing Book Vitaly Friedman 2025-06-20T16:00:00+00:00 2025-09-20T02:02:56+00:00 UX research can take so much of the guesswork out of the design process! But it’s easy to forget just how different people are and how their needs and preferences can vary. We can’t predict the needs of every user, but we shouldn’t expect different people using the product in…

CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control

Posted by: . Posted on: June 19, 2025 Comments: 0

CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control Victor Ayomipo 2025-06-19T15:00:00+00:00 2025-09-20T02:02:56+00:00 CSS is wild, really wild. And tricky. But let’s talk specifically about specificity. When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expected — that’s specificity. You applied a style, it worked, and later, you try to…

What I Wish Someone Told Me When I Was Getting Into ARIA

Posted by: . Posted on: June 16, 2025 Comments: 0

What I Wish Someone Told Me When I Was Getting Into ARIA What I Wish Someone Told Me When I Was Getting Into ARIA Eric Bailey 2025-06-16T13:00:00+00:00 2025-09-20T02:02:56+00:00 If you haven’t encountered ARIA before, great! It’s a chance to learn something new and exciting. If you have heard of ARIA before, this might help you better understand it or maybe even teach you something new! These are all things I…

Smashing Animations Part 4: Optimising SVGs

Posted by: . Posted on: June 4, 2025 Comments: 0

Smashing Animations Part 4: Optimising SVGs Smashing Animations Part 4: Optimising SVGs Andy Clarke 2025-06-04T08:00:00+00:00 2025-09-20T02:02:56+00:00 SVG animations take me back to the Hanna-Barbera cartoons I watched as a kid. Shows like Wacky Races, The Perils of Penelope Pitstop, and, of course, Yogi Bear. They inspired me to lovingly recreate some classic Toon Titles using CSS, SVG, and SMIL animations. But getting animations to load quickly and work smoothly needs…

Designing For Neurodiversity

Posted by: . Posted on: June 2, 2025 Comments: 0

Designing For Neurodiversity Designing For Neurodiversity Vitaly Friedman 2025-06-02T08:00:00+00:00 2025-09-20T02:02:56+00:00 This article is sponsored by TetraLogical Neurodivergent needs are often considered as an edge case that doesn’t fit into common user journeys or flows. Neurodiversity tends to get overlooked in the design process. Or it is tackled late in the process, and only if there is enough time. But people aren’t edge cases. Every person is just a different person,…

Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead

Posted by: . Posted on: May 21, 2025 Comments: 0

Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead Andy Clarke 2025-05-21T08:00:00+00:00 2025-09-20T02:02:56+00:00 The SMIL specification was introduced by the W3C in 1998 for synchronizing multimedia. This was long before CSS animations or JavaScript-based animation libraries were available. It was built into SVG 1.1, which is why we can still use it there today. Now, you might’ve heard that SMIL is dead. However, it’s alive and well since Google…

Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension

Posted by: . Posted on: May 14, 2025 Comments: 0

Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension Andy Clarke 2025-05-14T13:00:00+00:00 2025-09-20T02:02:56+00:00 Despite keyframes and scroll-driven events, CSS animations have remained relatively rudimentary. As I wrote in Part 1, they remind me of the 1960s Hanna-Barbera animated series I grew up watching on TV. Shows like Dastardly and Muttley in Their Flying Machines, Scooby-Doo,…