Week 16

Get Core, a front-end feature kit, free - Discover the next evolution in UI kits. Meet Core, a front-end feature kit that actually works. Get it free today - Mason  Sponsored

Creating a UI component design system (step-by-step guide) - Want to learn how to create a UI system from scratch? I’m going to take you through the… - Rahul Goradia / filed under Design System

Introducing the U.S. Web Design System 2.0 - Today, we’re launching U.S. Web Design System 2.0 (USWDS 2.0), a new foundation for the future of our… - Dan O. Williams / filed under Design System

Helvetica Now - Helvetica® Now is a new chapter in the story of perhaps the best-known typeface of all time. Available… - Monotype / filed under Typography

Why cancel buttons should never have a color - What does the Cancel button exactly do? It dismisses the user’s current screen and brings them back to… - Anthony T / filed under UI Design, UX Design

Long-form websites and typography – Or, how to build an anti-Medium.com - Two curiously-related pieces of content were shared on Hacker News today. The first was a short article by… - Eric Lawler / filed under HTML & CSS, Typography

Structured content design workflow: A case study - Over the last several years I’ve become an ardent advocate of structured content design. This is the process… - Andy Fitzgerald / filed under Case Study, Content Strategy, Information Architecture

Water.css - Water.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer. - Kognise / filed under HTML & CSS

Web Components will replace your frontend framework - Remember when document.querySelector first got wide browser support and started to end jQuery's ubiquity? It finally gave us… - Danny Moerkerke / filed under Web Components

Why powers of two - If you're less familiar with functional CSS, the idea of an 8px grid, come from libraries like Bootstrap,… - Brent Jackson / filed under Design System

Under-engineered toggles - Toggle buttons feel like a favorite way for devs and designers to show off their animation, design, and… - Adrian Roselli / filed under HTML & CSS

Split - When I talk about evaluating technology for front-end development, I like to draw a distinction between two categories… - Jeremy Keith / filed under Front-end

Introducing zeroheight for Figma - Our mission is to make it possible for teams of all shapes and sizes to create collaborative documentation for their design systems - Jerome de Lafargue / filed under Apps & Tools

Bringing illustrations to Adobe XD - Beautiful images for your client and personal design projects, without attribution. A completely different kind of plugin, exclusively… - Katerina Limpitsouni / filed under Adobe XD, Illustration

How to become a “Designer who codes” - Quick note: “coding” in this article is my shorthand phrase for “learning enough HTML and CSS to be… - Meagan Fisher / filed under Front-end

Managing yourself: How to calibrate your own strengths and weaknesses - Smart self-assessment plus clearly defined requests for feedback can prevent imposter syndrome—and being caught off-guard by hidden weaknesses. - Julie Zhuo / filed under Self Development

Nothing fails like success - A family buys a house they can’t afford. They can’t make their monthly mortgage payments, so they borrow… - Jeffrey Zeldman / filed under Community