Design and frontend links this week.

Connect Figma and Storybook - Use Storybook Connect plugin to embed stories in your Figma files. It helps you compare implementation vs design specs to speed up handoff and UI review. - Chromatic  Sponsored

Instagram's brand refresh - We created a custom typeface, updated our gradient and color palette, and refined our approach to layout and design. - Instagram / filed under Branding

Four tradeoffs when designing navigation menus - To be an information architect is to immerse oneself in tradeoffs: sacrificing one approach or direction for another. - Dan Brown / filed under Information Architecture

Font Matrix: See and pair typefaces like never before - The Font Matrix is a different way of seeing typefaces. Knowing about it earlier would have saved me a lot of time and guessing. - Oliver Schöndorfer / filed under Typography

If design principles are for designs, then design values are for designers - Ultimately, design teams should consider defining a unique set of design values for their designers. - Darren Yeo / filed under Product Design

The optimal line length - Having the right amount of characters on each line is key to the readability of your text. - Edward Scott / filed under Typography

Systemising SEEK's brand palette - Systemising colour from our original brand palette. - Brad McLean / filed under Design System

GOV.UK drops jQuery from their front end - GOV.UK dropped their jQuery dependency from their front end. You’ll never guess what happened. (Yes, you will) - Jeremy Wagner / filed under Frontend

Lesser-known CSS features - CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. - Adrian Bece / filed under HTML & CSS

Interactive typography tutorial - Learn the logic of great typography. An interactive tutorial on typography, including how to pick great fonts, styling text, and typographical design patterns in UI design. - Erik D. Kennedy / filed under Typography

Min-Max-Value interpolation - A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range. - 9elements / filed under Typography

Mental minimalism - Thinking about your thinking is conscious and implies presence and awareness. - Dan Koe / filed under Creativity

A look back at Config 2022 - We've rounded up highlights that might inspire you to do just that. - Ted Brown / filed under Inspiration