#136 - What you truly value

Hey everyone,

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

Thought provoking #

”All change brings opportunity. Some change gives us the opportunity to pause and ask what we can do better. How can we better connect to what has proven to be important?” What You Truly Value by Shane Parrish

“Right now, we have more ways to communicate about what matters than ever before. Give humans a bunch of symbols, and we will find a way to make them say what we mean.”

Jennifer Daniel in Talk to Me: The Evolution of Emoji.

Design and Code #

Building an Interactive Timetable. An awesome project from Michelle Barker designed to keep some semblance of routine during these strange times we’re living through. The tool randomly sorts fun games and activities to be played at home.

As a big Notion user (I use it for almost everything) I was excited to find this Web Performance Checklist, an open source Notion doc from Robin Rendle.

Styling Scrollbars with CSS: The Modern Way to Style Scrollbars. It’s easier than you might think!

How to create an accordion hover effect with box-shadows. Great tutorial from Sarah Fossheim who shows how to use the box-shadow property to create a layered card component, and animate it on hover.

Jamstackthemes.dev. A list of themes and starters for JAMstack sites from Stackbit.com.

Typography #

”I wanted to build a structure that other people could easily build off of.” Froyo Tam in Open Source Fonts Are Love Letters to the Design Community. An interesting read on the rise of open source design and typefaces that can be freely used and modified.

Font Match from Markos Konstantopoulos, lets you compare fonts by overlaying them on top of each other.

A great introduction to The typographic scale from Spencer Mortensen.

Typefaces which are all about having fun and good spacing: Ohno respects history without reinventing the wheel.

Sprat is a new variable display font from Ethan Nakache, available in 18 styles. It features long sharp serifs and a high contrast between thin and thick, a very high crossbar and a round design for the curves. The font is open source and free to download.

Something to watch #

Let’s Learn CSS Grid! In this episode, of Learn with Jason, Rachel Andrew – the driving force behind Grid‘s spec & adoption — teaches us how to get started.

Content (from me) #

A few notes on Processing JSON from the command line with jq.