#163 - Breaking the habit

Hey everyone,

Welcome to issue #163, your weekly roundup of what’s happening in design, code and typography.

Thought provoking #

Breaking the Habit. Ash Watkins on developing a visual identity for the podcast about addiction, sobriety and mental wellbeing.

“…the brief and the hand-over are when we, as designers, ultimately have to interface with the rest of the business, so they matter the most.” Martin Sandstrom in The two most important steps of the design process aren’t about design.

Design and Code #

:focus-visible Is Here. Matthias Ott explains how to use this much needed pseudo-class and improve website accessibility whilst keeping stakeholders happy.

Layoutit Grid: Learning CSS Grid Visually With a Generator. Matias Capeletto demonstrates how an interactive open source generator can help you learn CSS Grid.

Announcing Netlify Edge Handlers: Now in Early Access. Edge handlers allow developers to customise web experiences by showing personalised content based on location and other details such as cookies or authentication.

Typography #

Leading Trim is in the works! Zell Liew shares his excitement for two new CSS properties that let you trim away extra whitespace from a font and align text to a baseline grid.

min(), max(), and clamp(): three logical CSS functions to use today. Learn how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS functions.

Something to watch #

Converting an old jQuery plugin into vanilla JS. Chris Ferdinandi rewrites Lettering.js – an amazing little plugin from the folks at Paravel – in vanilla JavaScript.

Reply by email

Monthly Newsletter

Once a month I curate a newletter for designers and developers interested in static sites, CSS and web performance. Check out past issues to get an idea.