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 - Sponsored
Week 16
Best design and frontend links this week.
Highlights of the week ↘
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… -
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… -
Design ↘
Helvetica Now - Helvetica® Now is a new chapter in the story of perhaps the best-known typeface of all time. Available… -
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… -
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… -
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… -
Development ↘
Water.css - Water.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer. -
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… -
Why powers of two - If you're less familiar with functional CSS, the idea of an 8px grid, come from libraries like Bootstrap,… -
Under-engineered toggles - Toggle buttons feel like a favorite way for devs and designers to show off their animation, design, and… -
Split - When I talk about evaluating technology for front-end development, I like to draw a distinction between two categories… -
Tools and resources ↘
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 -
Bringing illustrations to Adobe XD - Beautiful images for your client and personal design projects, without attribution. A completely different kind of plugin, exclusively… -
Inspiration and creativity ↘
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… -
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. -
Last but not least ↘
Nothing fails like success - A family buys a house they can’t afford. They can’t make their monthly mortgage payments, so they borrow… -
