#151 - Webwaste
Hey everyone,
Welcome to issue #151, your weekly roundup of what’s happening in design, code and typography.
Thought provoking #
“Designing for diversity and inclusion isn’t that hard. First, we need to see the that bias slips into our design decisions. Then we can bring frameworks and tools into the design process that will help us see where we can be more inclusive.” Aarron Walter in 3 Amazing resources to help you design for diversity and inclusion.
”If you want to help save the planet, reduce digital weight. Clean up your website. Before you add an image, make sure that it does something useful and it’s the most optimized image possible. Every time you add code, make sure it does something useful and it’s the leanest code possible. Always be on the lookout for waste images, waste code, waste content. Get into the habit of removing something every time you add something.” Gerry McGovern in Webwaste.
Design and Code #
Your blog doesn’t need a JavaScript framework. Iain Bean explains why he choose Eleventy over Gatsby for his new website.
How To Create A GitHub Profile README. Monica Powell shows how to use a new GitHub feature that allows users to create a profile-level README to display prominently on their GitHub profile.
“Leaving JavaScript out of the navigation can ensure that users are able to navigate your website even if JavaScript is disabled or network issues prevent scripts from loading.” Three CSS Alternatives to JavaScript Navigation from Blake Lundquist.
Grids Part 1: To grid or not to grid. Sarah Higley answers the first question asked when creating a table or a grid, which is “should I be creating a table or grid?”
The Cicada Principle, revisited with CSS variables Lea Verou shares a technique for creating repeated patterns with the appearance of organic randomness.
Typography #
Stephanie Stimac on Browser font rendering inconsistencies.
The 5th Typographics Book Fair will be held online from July 22–26 and include book on typography, lettering, and design, with everything from rare antiquarian type specimens to contemporary titles on modern graphic design.
Dima Rodionov: “Type, it’s practically both science and religion.” How to choose type for a brand, how to know about all that’s new in type, what are the most annoying cliches of kinetic type, why plastic waste matters — Type Today talk with Dima Rodionov.
Jaune by Jérémy Landes introduces Petite, a new sub-family suited for smaller sizes. It also adds Bold to Grande, full Latin support, tighter spacing, and arrows.
Something to watch #
Make Animations Feel Pro. Sarah Drasner and Jason Lengstorf teach us the tips and tricks to take our animations to the next level.