HeyDesigner - Atomic design and Storybook

Hi Reader, these are my design and frontend picks this week.

Highlights of the week

Learn business to become a better designer - Take the free 7-day email course and learn business skills relevant to designers. - dMBA  Sponsored

Atomic design and Storybook - Atomic design is a mental model for thinking of user interfaces as an interconnected, hierarchical system of components. - Brad Frost / filed under Design System

Stop brainstorming - Why brainstorming doesn’t work, and why to do nothing instead. - Matthew Ström / filed under Design Process

Product design

Wordle UX: Sometimes a game just feels good - How can we explain something so simple yet so popular? - Joe Bernstein / filed under UX Design

Six things to consider before changing fonts on a website - I pimped the type of Pimp my Type. Here I share what motivated me to do it, and what I paid attention to. - Oliver Schöndorfer / filed under Typography

Prove yourself wrong - Getting into the right mindset when looking for feedback will save your feelings and make for better designs. - James Morris / filed under Design Process

Design engineering

The best design system is no system - To meet expanding needs, designers turn to design systems to streamline design with the hopes of providing value at lower cost and effort. - Tony Olsson / filed under Design System

Div divisiveness - The div is the most versatile and used element in HTML. It represents nothing, while allowing developers to manipulate it into almost anything by use of CSS, JavaScript and ARIA. - Scott O'Hara / filed under HTML & CSS

Getting started with CSS cascade layers - Cascade layers introduce the new at-rule of @layer. The intent is to help CSS authors be more intentional about ordering the “layers” of CSS rules as a new method of cascade management. - Stephanie Eckles / filed under HTML & CSS

Tools and resources

Base components - I’m no longer relying so heavily on base components to create published components. - Joey Banks / filed under UI Design

Accessibility checklist - This checklist uses The Web Content Accessibility Guidelines (WCAG) as a reference point. - The Accessibility Project / filed under Accessibility

Last but not least

The last design you’ll ever make - Designing from cradle to grave is no longer good enough. We need to postpone that grave as long as possible. - George Cave / filed under Product Design

Thanks for reading! If you have any feedback, just reply to this mail and I will get back to you.

Cheers,
— Tamas

You are receiving this email because you opted in at heydesigner.com.

HeyDesigner by Tamas Sari — Oarany street 22261, Budapest 1037, Hungary

Unsubscribe | Update email frequency | Forward to a friend