Design and frontend links this week.

Code and design, side-by-side - With Chromatic, bring Storybook stories into Figma and create a sole source of truth for dev and design. Built by Storybook maintainers. - Chromatic  Sponsored

The problem with disabled buttons and what to do instead - The best error is the one the user never sees. But disabled buttons takes this rule to the extreme. And as a result it can frustrate users or worse, cause them to give up completely. - Adam Silver / filed under UI Design

Where clarity is high, fidelity should be low - High fidelity design should be done in code, not as mockups, especially when it comes to digital products. - Dragan Babic / filed under Product Design

Creative is 10%. Structure and systems are the rest - Ideas don't stand on their own. When a good idea turns into a good thing, it's because structure and systems - ones that existed before the idea - made it happen. - Christopher Butler / filed under Product Design

Good UI can't fix bad copy - When designing an interface, you create a way for people to communicate with a product. And words are an essential component, at the same level — if not higher — than icons, colors, or typography. - Julie Chabin / filed under UI Design, UX Design

Expanding conversational user interfaces - As artificial intelligence models extend what's possible with human computer interactions, our user interfaces need to adapt to support them. Currently many large language model (LLM) interactions are served up within “chat UI” patterns. - Luke Wroblewski / filed under UI Design

Vertical rhythm using CSS lh and rlh units - Vertical rhythm is a design concept that helps to create a harmonious layout by following consistent spacing between elements, typically using the height of a line as a base. - Paweł Grzybek / filed under HTML & CSS, Typography

What's new in CSS and UI: I/O 2023 Edition - The past few months have ushered in a golden era for web UI. New platform capabilities have landed with tight cross-browser adoption that support more web capabilities and customization features than ever. - Una Kravets, Bramus, Adam Argyle / filed under HTML & CSS

Proportional design systems - Proportio is a web application for designers to create the foundations of a proportional design system. You can explore typographic scales and how they can be applied to icons, sizing, spacing, and the composition of a component. - Nate Baldwin / filed under Design System

Reinventing the carousel - The research and design behind the evolution of the Material 3 carousel. - Material Design / filed under Material Design

To be creative, practice - The concept of practice is an integral aspect of being human: doing something repeatedly, making errors and learning from them, operating at the edges of your ability, and, most valuable of all, the satisfaction gained from improvement. - Paul Jun / filed under Creativity