Design and frontend links this week.

Building token based Design Systems in Figma: Live Workshop - Learn about Design Tokens and how to create a token-based Design System in Figma. Live and hands-on with Jan Six from GitHub. - IDS  Sponsored

The W3C Design System is live - This design system documents the styles, components and templates available to use on your website. - W3C and Studio 24 / filed under Design System

Design system: LEGO Kits syndrome - Balancing consistency and contribution should be the primary concern of design systems. - Budi Tanrim / filed under Design System

Typography for data - Text makes up a large majority of the content in internal, operational products. - Michael Yom / filed under Design System, Typography

Enterprise UX: essential resources to design complex data tables - A list of resources and blog posts that will help you design complex tables with a lot of data and interactions. - Stéphanie Walter / filed under UI Design, UX Design

7 overused logo letterforms to let go of - Get familiar with the most overused custom letterform designs in wordmarks. - Nick Levesque / filed under Logo Design

The best UX research methods in a pinch - Over the years, I’ve assembled a list of UX research methods with a high return on investment. - Jordan Bowman / filed under UX Design

Building a split-button component - A foundational overview of how to build an accessible split-button component. - Adam Argyle / filed under HTML & CSS

Best practices for building accessible mobile apps - Mindset, strategies, and tools. - Daniel Devesa Derksen-Staats / filed under Accessibility

Practical uses of CSS math functions: calc, clamp, min, max - We'll learn the syntax for each, view basic demos of their functionality, and explore practical use cases. - Stephanie Eckles / filed under HTML & CSS

Using the platform - Working on a codebase with no dependencies has been a way of rediscovering exactly what I get for… - Elise Hein / filed under Product Development

Doppler: Type scale generator - With Doppler you generate a type scale with a dynamic line height. - Hayk An / filed under HTML & CSS, Typography

Interactive learning tools for front-end developers - We learn better by playing games. - Louis Lazaris / filed under Frontend

Being tool-agnostic - The best tool is the one whichever works best for you and your context. - Adam Amran / filed under Apps & Tools

Designing a product like an Eskimo builds an igloo - Ignore the fads and don’t design out of ego. - Steyn Viljoen / filed under Product Design