Design and frontend links this week

A tapestry of tools - Every design tool offers something different, and it’s important not to think of these differences as making a… - Daniel Eden / filed under Apps & Tools, Product Design

6 visual design principles that UX designers should be aware of - I’ll share a few of the subtler, not as oft-mentioned principles that I learned training as a graphic… - Chris Lee / filed under Visual Design

UI Playbook: The documented collection of UI components - UI Playbook is an effort to document common UI components, their functionality, best practices, accessibility requirements and examples. - Rauno Freiberg / filed under UI Design

Accordion icons: Which signifiers work best? - The caret icon most clearly indicated to users that it would open an accordion in place, rather than… - Page Laubheimer / filed under UI Design

What is a good (product) design? - Decide when your design is good enough to be shipped. - Patrick Hertzog / filed under Product Design

7 deadly sins of data visualization - Snakes, seashells, mountains — this is something we, designers, might draw instead of showing data. - Slava Shestopalov / filed under Data Visualization

Improving the typography of the iOS time display - Every minute when the time is changing all numbers shift around and this just annoys me. - Oliver Schöndorfer / filed under Typography

Amazing animation techniques with GSAP - Brilliant animations can turn a static design into a fantastic experience, but it doesn’t come easy. - Alex Trost / filed under Animation, HTML & CSS, Javascript

All the CSS colours - I recently made a demo where I needed to list all the CSS named colours as options in… - Michelle Barker / filed under HTML & CSS

How fast should your site load? - You’ll find a bunch of articles telling you that 2–5 seconds does the trick. But what makes 2–5… - David East / filed under Performance

Scaling accessibility with a design system - This is a case study about my experience of learning how to design accessible web components, then scale… - Geri Reid / filed under Accessibility, Design System

Heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. - Steve Schoger / filed under Icon Set

The Three A’s method for learning from other creators - I’m going to introduce you to the method I use to learn from other creators. - Arun Venkatesan / filed under Creativity

Work less - When it comes to work, I’ve found that most of us fall in one of two camps. - Leo Babauta / filed under Productivity