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.
Sharing what we learn about the responsive web, Page 5
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?
Mac VoiceOver Testing the Simple Way
Learning VoiceOver can feel overwhelming, so I’m here to give you a simple, repeatable process you can follow to make testing with VoiceOver as easy as possible.
Cloud Four Dot Com: What’s New in 2022
We just shipped the largest update to cloudfour.com since 2016! This time around, we had three main goals…