5 Content Marketing Ideas for July 2026
From America’s 250th birthday to back-to-school preparation, July 2026 offers plenty for content marketers seeking to connect…
Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!
Recently, Juan Diego Rodríguez published an excellent article exploring how far CSS can be pushed to build a semantic…
Astro Markdown Component Utility for Any Framework
In the previous article, I spoke about the why and how to use a Markdown component in…
What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More
What’s !important #12 talks about the old (testing in Safari when you don’t have Safari), the new…
How Content Marketers Misuse GenAI
The best genAI content is verified and scrutinized by humans. Generative AI can make content marketing faster,…
Revealing Text With CSS letter-spacing
Some text effects are relatively hard to pull in CSS, the main reason being we are unable…
Cross-Document View Transitions: Scaling Across Hundreds of Elements
In Part 1, we covered the gotchas that bite you first: the deprecated meta tag that silently…
Stack Overflow: When We Stop Asking
Let’s play a quick game: I’ll show a graph and try to guess what it’s about. Source: Data…
Cross-Document View Transitions: The Gotchas Nobody Mentions
I wasted an entire Saturday on this. Not a lazy Saturday either, but one of those rare,…
What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More
If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like…
Computing and Displaying Discounted Prices in CSS
CSS math isn’t just about how things look! It can also be used to work out useful…
More Links Are Coming to AI Overviews
The growth of zero-click search results may be slowing, according to new industry reports. Semrush-owned Datos analyzed…
Using CSS corner-shape For Folded Corners
I came across Kitty Giraudel’s folded corners technique. It leverages CSS clip-path, and I thought that that…
A Scrollytelling Gift for Mum on Mother’s Day 2026
My mum loved logic because she was born at a time when nothing made sense. She was…
Making Zigzag CSS Layouts With a Grid + Transform Trick
Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want…
Fixed-Height Cards: More Fragile Than They Look
Fixed-height cards often feel like a safe choice. A designer hands you a mockup where every card…
What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices,…
The Importance of Native Randomness in CSS
Recently, I published a story about the new random functions that have landed in CSS and how…
Let’s Use the Nonexistent ::nth-letter Selector Now
“I think I’m done with reality.” — The Seventh Circle by Architects We’ve all, at some point,…
Recreating Apple’s Vision Pro Animation in CSS
Apple’s product animations, particularly the scrolly teardowns (technical term), have always been inspiring. But these bleeding-edge animations…
Enhancing Astro With a Markdown Component
There are two ways to enhance Markdown in an Astro project: Through MDX Through a Markdown Component…
Markdown + Astro = ❤️
Markdown is a great invention that lets us write less markup. It also handles typographical matters like…
A Well-Designed JavaScript Module System is Your First Architecture Decision
Writing large programs in JavaScript without modules would be pretty difficult. Imagine you only have the global…
The Radio State Machine
Managing state in CSS is not exactly the most obvious thing in the world, and to be…