#171 - Discipline your environment

Hey everyone,

This will be the last email for 2020, it’s been a tough old year which I’m sure non of us will miss much, so I’m wrapping things up early to focus on things IRL.

Thought provoking #

“The more disciplined your environment is, the less disciplined you need to be. Don’t swim upstream.” James Clear in 3-2-1: On choosing your pain, self-acceptance, and seizing opportunities.

Web Almanac is HTTP Archive’s annual state of the web report, backed by real data and trusted web experts. It is comprised of 22 chapters spanning aspects of page content, user experience, publishing, and distribution. Well worth a read.

Design and Code #

The State of JavaScript Survey. The JavaScript world could use a bit of classification. For the past four years this survey has helped us do just that, by collecting data from over 20,000 developers to identify current and upcoming trends. Take the survey and help spread the word.

How to Animate a SVG with border-image. Uri Shaked shows how to combine the border-image property in CSS with animated SVGs that move around a border.

A Utility Class for Covering Elements. Michelle Barker shares a helpful utility and shows how make the code more concise with the new inset property.

Alt vs Figcaption. Elaina Natario explains alt and figcaption, their differences and how to use them.

Typography #

Typography Principles. Obys Agency share their principles when working with fonts, alignment and contrast with a fantastic design experience.

Time to Say Goodbye to Google Fonts. By nature Google Fonts, even with all its font and CSS optimisations, can’t be faster than self-hosted fonts.

Typography is the root of graphic design – we should use it to be vocal. Tré Seals, the founder of diversity driven foundry Vocal Type, details how a broader design industry can only lead to a more inclusive field for creativity.

Something to watch #

Masonry layout with CSS only! Kevin Powell shows how to create a the classic masonry layout without touching any JavaScript.

Enjoy the holidays and a positive start to 2021. Thanks for reading!

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.