Meet Lingo, a better way to organize and share your brand assets - Visually organize all of your brand assets in one place with Lingo. Create and share living style guides, asset libraries and more - Sponsored
Week 49
Top design and frontend links this week.
Highlights of the week ↘
Storybook for design - Imagine a world where the design to development workflow was seamless. If you could connect design deliverables to… -
10 rules of thumb in UI design - A list of reliable design rules to follow. When in doubt, here’s a list of standard practices to… -
Labels are a last resort - Put down the accessibility pitchfork — this isn't about forms. When presenting data to the user (especially data… -
Design ↘
Adding clarity by removing information - A customer wrote this in to our support team after using our Copy with cite feature. This feature… -
13 design patterns for autocomplete suggestions - Search “Autocomplete Suggestions” (also known as “predictive search”) have become increasingly popular on e-commerce sites over the past… -
The smallest difference - In July the design systems team at Gusto shipped a beautiful thing. Over the course of three months… -
Building trust as a designer - Being a designer is a constant balancing act. Whether it’s finding a balance between users’ needs and an… -
Accessibility drives aesthetics - There’s an article circulating that claims accessibility and aesthetics are at odds with each other, creating a paradox… -
Development ↘
6 Patterns for microfrontends - An overview of microfrontend patterns: advantages, drawbacks and implementation. Microfrontends are not a new thing, but certainly a… -
The Firefox UI is now built with Web Components - A couple of weeks ago, we landed a commit that took years of effort at Mozilla. It removed… -
Using CSS custom properties to reduce the size of your CSS - Unlike SASS variables, CSS Custom Properties can be modified in class selectors, allowing you to create abstractions and… -
Print to CSS - I'm a huge fan of magazine layouts, the use of typography, the structures, just the general look. I… -
Making a better custom select element - In my work as an accessibility consultant, there are some frequent problems I find on people’s websites. One… -
Tools and resources ↘
Blocks UI (alpha) - A JSX-based page builder for creating beautiful websites without writing code. Blocks comes with built-in components that are… -
Flowy: The minimal javascript library to create flowcharts - Flowy makes creating WebApps with flowchart functionality an incredibly simple task. Build automation software, mind mapping tools, or… -
Inspiration and creativity ↘
Norwegian banknotes: Original design and main concept - Metric Design and illustrator Terje Tønnesen have developed the design and visual concept used for the obverse faces… -
Self development ↘
How to overcome the perfectionist in you: create something every day - No matter how simple a task you may choose, doing it every day is never easy. I took… -
Last but not least ↘
▶ Complexity & experience in design - Award-winning designer and writer Frank Chimero talks about the relationship between complexity and experience in our field. What's… -
Subscribe to newsletter
Design and frontend links delivered to your inbox every day and week. No spam, unsubscribe at anytime.