#145 - Collective power
Hey everyone,
Welcome to issue #145, your weekly roundup of what’s happening in design, code and typography.
Thought provoking #
“Individually, there’s little we can do; but collectively, there’s not much we can’t.” In Power, Ethan Marcotte shares his thoughts about how to start making changes in the tech industry.
White Guyde To The Galaxy. If you are a white guy and you don’t know what to do beyond donate and being quiet, Tatiana Mac made you a list.
Equivalent Experiences: What Are They? An equivalent experience is one that has been deliberately conceived of and built to be able to be used by the widest possible range of people. To create an equivalent experience, you must understand all the different ways people interact with technology, as well as common barriers they experience.
Design and Code #
The Psychology of Design: 101 Cognitive Biases & Principles That Affect Your UX. A fantastic resource for designers from Dan Benoni and Louis-Xavier Lavallee.
A user’s guide to CSS variables. Lea Verou discusses the differences between declarative CSS variables and variables in other programming languages, and how you can leverage their power.
A First Look at aspect-ratio. Chris Coyier wih some quick tips on the brand new CSS property that affects how a box is sized.
Global and Component Style Settings with CSS Variables. Sara Soueidan explains how she uses CSS variables to create more manageable project styles and more portable patterns.
CSS Aspect Ratio, Rendering Engines, and More with Jen Simmons on Shop Talk Show.
Typography #
I love typography Quiz: Glorious Glyphs. Identify the font , not from a string of letters, but from just one character, or glyph. A fun game to help you improve your type knowledge.
Fontocalypse Now? The font world has transformed in the past decade. Libre fonts, web fonts, subscriptions and globalization have changed how people get fonts, how type designers make money from fonts and who those type designers are.
Supergravity is a display sans inspired by old Hungarian posters from the beginning of the 20th century. The letters are very condensed, they have some contrast, the terminals of the diagonal characters (A,W,w…) are not horizontal. Best used for titles with very tight leading, that’s why the descenders are very short, almost nothing.
Typelab’s latest release prepares typefaces to be sent into space to represent humankind
Something to watch #
Code Tetris: JavaScript Tutorial for Beginners. Learn the basics of JavaScript by coding a Tetris game from scratch with Ania Kubow.
Content (from me) #
Design tokens and styleguides with Eleventy. A simple workflow showing you how to use Eleventy and NPM scripts to take YAML design tokens and generate CSS custom properties and a styleguide.