How tracking and kerning improves all caps text – Zeichenschatz
All caps text creates problematic spaces because upper case letters are designed to be set next to lower case letters. Most of it will be evened out by adding some tracking (or letter-spacing in CSS). In design tools you can micro-adjust individual character pairs with kerning. This will create a more even typographic color, but in the end it depends on the text, font, and your typographic eye.
I studied the fonts of the top 1000 websites. Here's what I learned. | Dribbble Design Blog
A design-curious data scientist crawled the top 1000 websites to analyze their font selections. Here are the fascinating results and how you can use them to guide your web design decisions.
How To Use FOMO To Increase Conversions — Smashing Magazine
What if we removed “fear” from the “fear of missing out” and put the good parts of this marketing strategy to use in web and app design? This article unpacks four ways you can use (F)OMO when designing digital experiences.
Learn how to develop UIs with components and design systems. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community.
Best Practices on Preventing Errors in User Interfaces
The article shares a bunch of popular UX design practices that improve interactions, navigation and help to prevent users from making errors with websites and apps.
Photographer Hope Mora on being inspired by your surroundings, allowing your subjects to be seen, the relationship between boredom and creativity, and how your work can teach you what home and community mean.
Art Directing For The Web With CSS Grid Template Areas — Smashing Magazine
(*This article is kindly sponsored by CoffeeCup Software*.) If you’re at all serious about web design or development, you need to be serious about learning and using CSS Grid, too. Andrew Clarke explains how.