Min-Max-Value Interpolation

Here’s a really nice little tool inspired by Utopia for generating one-off clamp() values for fluid type or spacing.

Min-Max-Value Interpolation

Tagged with

Related links

Currying in CSS? | Trys Mudford

I don’t understand what currying is, but Trys points out a really interesting thing about custom properties in CSS:

The value after the : in the CSS custom property does not have to be valid CSS.

That means you can use custom properties to store arbitrary strings of text, which can then be combined within a calc() function, at which point they get evaluated.

Tagged with

Responsive typography and its role in design systems | Clagnut by Richard Rutter

Okay, if you weren’t already excited for Patterns Day, get a load of what Rich is going to be talking about!

You’ve got your ticket, right?

Tagged with

clamp() Calculator · Chris Burnell

Like a little mini Utopia:

Handy little tool for calculating viewport-based clamped values.

Tagged with

Foundation: Rapid Prototyping and Building Framework from ZURB

A framework for banging out ready-made responsive designs.

Tagged with

Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit

A set of default styles to get started on a mobile-first responsive design.

Tagged with

Related posts

Told you so

In which I permit myself a moment to gloat about liquid layouts.

Hanging punctuation in CSS

A little fix for Safari.

Partnering with Google on web.dev

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

Even more writing on web.dev

Five more articles on modern responsive design to close out the course.

Writing on web.dev

A new free course on responsive web design.