Get the Balance Right: Responsive Display Text ◆ 24 ways

Some really great CSS tips from Rich on sizing display text for multiple viewports.

Get the Balance Right: Responsive Display Text ◆ 24 ways

Tagged with

Related links

Improving the Accessibility of 24 ways | CSS-Tricks

Paul walks us through the process of making some incremental accessibility improvements to this year’s 24 Ways.

Creating something new will always attract attention and admiration, but there’s an under-celebrated nobility in improving what already exists. While not all changes may be visual, they can have just as much impact.

Tagged with

Cascading Web Design with Feature Queries ◆ 24 ways

24 Ways is back! Yay! This year’s edition kicks off with a great article by Hui Jing on using @supports:

Chances are, the latest features will not ship across all browsers at the same time. But you know what? That’s perfectly fine. If we accept this as a feature of the web, instead of a bug, we’ve just opened up a lot more web design possibilities.

Tagged with

Putting My Patterns through Their Paces ◆ 24 ways

Ethan demonstrates progressive enhancement at the pattern level using flexbox.

I’ve found that thinking about my design as existing in broad experience tiers – in layers – is one of the best ways of designing for the modern web.

Tagged with

24 ways

One great web development tip for every day in the Advent calendar, courtesy of Drew McLellan

Tagged with

My Modern CSS Reset | jakelazaroff.com

I like the approach here: logical properties and sensible default type and spacing.

Tagged with

Related posts

Five websites

I have some very talented friends.

Downloading from Google Fonts

For some reason, Google Fonts only provides .ttf files if you’re self-hosting. I don’t know why.

Flexibility

Web design is a two-way street. And that’s okay.

Tweaking Huffduffer

An oEmbed nip here, a responsive design tuck there.

Partnering with Google on web.dev

How Clearleft worked with the Chrome team to create a fifteen-part course on modern responsive design.