Web design software makers saw the pain caused by the design to developer hand off and built features to help. Unfortunately, these features don’t help as much as the software makers hope. At best, they are unwanted features to be ignored. At worst, they reinforce faulty assumptions that undermine design systems.
Design, Page 2
The traditional web design process hopes that static mockups—representing mobile, tablet, and desktop breakpoints—provide developers with everything they need to know to turn the designs into functional web pages. In reality, design happens between breakpoints.
Responsive design broke the traditional web design and development process in fundamental ways. Despite this fact, many organizations continue to use this broken process.
These days, the arguments for a baseline font size of 16 pixels are widely accepted. But there are plenty of reasons to go even larger!
Have we solved primary navigation, or are we caught in a rut?
My father-in-law loves the Olive Garden. So of course that's what we offered to bring for our first post-vaccination meal. I grabbed my iPad and passed it around to build an order. Everything went smoothly until I tried to checkout. The checkout button was off screen and impossible to hit. So I investigated why this was happening and took a guess at how much this bug might cost the Olive Garden’s owners.
Colors on the web are confusing — but they don't have to be! The HSL format makes it easy for humans and computers to work with color.
By adding a touch of transparency, we can design components that automatically adapt to their backgrounds.
For many designers, the process of finding one's place within a design system can be surprisingly tough.
Sometimes labels for form fields are short and to the point. But other times, it’s helpful to provide users with more detailed information. Consider the common pattern of selecting a pricing plan for…