Jagged Little Pill: Issues with Rounded Buttons
A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
You appear to be offline, some content may be unavailable.
A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
Strategies for sharing HTML, CSS and JavaScript patterns between seemingly disparate projects or platforms.
Exploring shiny new solutions to a classic responsive design challenge.
A challenge cropped up in one of our projects that served as a simple, self-contained example of how grid layout can make things easier.
Big responsive projects are complicated, and standardized breakpoints can help. But they can also encourage bad habits if we aren't careful.
Is web design — or even interface design in general — a solved problem?
I’ve been experimenting lately with a new way to apply color values in my CSS. Instead of setting explicit values for each color, I calculate the entire palette from a small set of base colors.
While iterating on a new article layout for the impending Cloud Four redesign, I encountered an old CSS layout problem. For long-form content, it’s usually a good idea to limit line lengths…
When starting new projects, a CSS builder’s initial concerns tend to involve typography. Setting a typographic foundation with the right mixture of ingredients can form something solid enough to support many other building blocks of…
Fun fact: Cloud Four’s design team really digs SVG. Our enthusiasm for the image format accumulated gradually over many months, thanks in large part to Sara Soueidan’s tireless documentation of its most mysterious features…