Break the Rules!
"Learn the rules like a pro so you can break them like an artist." — Falsely attributed to Pablo Picasso
Sharing what we learn about the responsive web, Page 2
An Interesting Limitation of CSS Custom Properties
As soon as I read my teammate Paul’s explanation of the math behind nesting rounded corners, I wanted to recreate it using custom properties and calc.
I Miss Kong Studios
When I was starting out as a web designer, few experiences inspired me as much as Gorillaz’ official website in the early-to-mid aughts.
The Math Behind Nesting Rounded Corners
I was recently designing an interface with a lot of rounded corners. But, when I nested rounded corners it looked off somehow...
Highly Customizable Background Gradients
How to create a complex but highly customizable background gradient that can be modified easily using CSS custom properties.
Cloud Four Turns Fifteen
In the waning days of Summer 2007, four colleagues decided it was time to do our own thing. We weren’t sure exactly what we’d do, but thought it might involve the possibilities and promise of…
A details element as a burger menu is not accessible
Using the native HTML disclosure widget for a burger menu is so enticing. Unfortunately, the details/summary elements come with accessibility issues, so it's not an inclusive solution.
The Power of CSS Blend Modes
I knew CSS blend modes could create some cool effects, but even so, a CodePen I saw recently left me shocked at what they’re capable of.
Avoiding the Dreaded “Swoop-and-Poop”
"Swoop-and-poop" refers to when you're nearing the end of a project or task, and at the last minute, an important decision-maker swoops in and lets you know that you're on the wrong track.
Removing layout shift from a progressively enhanced burger menu
Progressive enhancement or a great Cumulative Layout Shift metric score? Why not both?