Category Added in a WPeMatico Campaign
I love the fact that CSS is finally reclaiming control over visual interactions, taking charge of the styling, the animation, and the accessibility exactly as it should. Today, native browser capabilities allow us to move the heavy lifting away from the JavaScript main thread and closer to the GPU. By Read more…
I’ve said one and meant another, and I’ve used one when I needed another. Please bear with me as I note the high-level similarities and differences between scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions for my future self. Scroll-Driven Animations A scroll-driven animation is an animation Read more…
In the previous article, I spoke about the why and how to use a Markdown component in Astro. Here, we’re going to expand on that and help you use Markdown everywhere — regardless of the framework you use. So, this works for React, Vue, and Svelte. The entire process hinges Read more…
Some text effects are relatively hard to pull in CSS, the main reason being we are unable to target individual characters (something many of us want in the form of ::nth-letter(), although we have basis for it with ::first-letter that gives us access to a box element’s first glyph. But Read more…
What’s !important #12 talks about the old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. Buckle up! Testing in Safari when you don’t have Safari Source: Frontend Masters Safari is the second most popular web browser, but is Read more…
This isn’t coming out of nowhere: My apathy levels for the industry are absolutely sky high and I don’t even have a dickhead boss making me hit token targets — Andy Bell (@bell.bz) 2026-05-19T18:23:42.034Z More and more people I deeply respect and have learned a lot from over the years Read more…
In Part 1, we covered the gotchas that bite you first: the deprecated meta tag that silently does nothing, the 4-second timeout that kills transitions without telling you, the image distortion that turns every aspect ratio change into silly putty, and the pagereveal/pageswap events that give you hooks into the Read more…
What? Another article about centering?! But all we have to do is use display: flex | grid, then align-items: center. No, it’s align-content… wait… I think it’s justify-content. Well, let’s use margin: auto, this one works all the time, right? Despite the countless number of online resources (even CSS-Tricks has Read more…
Let’s play a quick game: I’ll show a graph and try to guess what it’s about. Source: Data Stack Exchange No, it isn’t a crypto coin crashing a few hours after being minted. And not, it is also not an oscillatory/wavy graph made with pure CSS, but a harsher truth. I already Read more…
I wasted an entire Saturday on this. Not a lazy Saturday either, but one of those rare, carved-out, “I’m finally going to build that thing” Saturdays. I’d seen Jake Archibald’s demos. I’d watched the Chrome Dev Summit talk. I knew cross-document view transitions were real, that you could get those Read more…
