Welcome to issue #161, your weekly roundup of what’s happening in design, code and typography.
Thought provoking #
“Unless you really need it, and you’re going to analyze and act upon the data, just ditch analytics and find a better way to spend your time than gawping at the mundanity of how many people visited website X today.” Jack Lenox in How Improving Website Performance Can Help Save The Planet.
“Create something once with sufficient effort, then sell it repeatedly with minimal effort.” “Spending time on things that will buy you time is always a good use of it.” Traf in Six Figures in 6 days.
Design and Code #
A11y Resources. A growing list of more than 200+ hand-curated accessibility plugins, tools, articles, case studies, design patterns, assistive technologies, design resources and accessibility standards.
How to learn UX copywriting? Understand iconography. “Understanding where and when copy is necessary is just as important as knowing how to write it.” Tobias van Schneider on how designers and copywriters can write copy that helps people use and love their products.
Eleventy and Vue, a match made to power. Zach Leatherman on building component based websites with lightweight output.
Checkboxes make excellent buttons. Christian Heilmann shows how you can use checkboxes as buttons and explains some of their advantages.
Linearly Scale font-size with CSS clamp() Based on the Viewport from Pedro Rodriguez.
Stop using Open Sans – Why your font choice matters. Oliver Schöndorfer’s second episode of Pimp my Type poses a few reasons why you might want to look beyond Open Sans.
When fonts fall. An exhaustive guide from Marcin Wichary on how font fallback actually works.
The typeface serves as the voice for the brand. A short Type Project interview with Noël Leu from Grilli Type.
Something to watch #
Accessible Animation - Designing in the Browser. Una Kravets shows how to use the “prefers-reduced-motion” media query to progressively enhance animation into your website, as well as shows how to build a simple “reduce animation” switch.