The five best design links, every weekday

Category: Ui

All Categories

smashingmagazine.com

You Don’t Need A UI Framework

Developers often reach for UI frameworks, hoping that they’ll save a bunch of time. Unfortunately, things rarely work out this way.

iamli.am

A New Future for the Interface

Exploring the role – and discipline – of design in a world where no one is a "user".

bjango.com

Designing macOS menu bar extras

Apple’s HIG is great, but it doesn‘t contain much information related to designing menu bar extras.

snd.dev

SND: Crafted UI sound assets for UX developers

UI sound assets, developed in collaboration with multiple sound designers, are designed to fit the components used in many modern UIs.

smashingmagazine.com

Designing Better Breadcrumbs

Let’s explore when we need breadcrumbs, how people use them and how to design them better.

medium.com

A gradual UX approach to design gender-inclusive forms

Product designers need to make sure that any gender-related questions are asked in a thoughtful and respectful way in their product.

andy.works

Paper at 10

The untold story of how the Paper app came to be 10 years ago and how it changed its creator's view of design.

github.com

Firefox UI/UX history

An overview of Firefox's UI changes over the years.

height.app

Building like it’s 1984: Scrollbars in web applications

Similar to context menus, scrollbars are so ubiquitous that users, software developers, and designers rarely think about them.

marcandrew.me

Typography in Design Tokens for Figma and Code

In this post I share what I’ve learned working on the typography system for Cabana (a design system for Figma built on design tokens).

stackdiary.com

How to Use CSS Math Functions

An introduction on how to use CSS logical functions calc(), clamp(), min() and max() for responsive design.

smashingmagazine.com

Claymorphism: Will It Stick Around?

This fresh new design trend has been picking up steam with the rising popularity of colorful inflated 3D graphics.

storybook.js.org

Structuring your Storybook

Best practices for organizing components and stories

stackdiary.com

10 Useful CSS Tricks for Front-end Developers

CSS is becoming more capable of handling dynamic design features that were often achieved through JavaScript.

nngroup.com

Alternatives to Pagination on Product-Listing Pages

Infinite loading and Show More buttons can provide smooth interaction when loading products.

builtformars.com

The imperfections of Gmail

A user experience (UX) case study, showing what they’ve done right, and what they could improve on.

hacks.mozilla.org

A new year, a new MDN

If you’ve accessed the MDN website today, you probably noticed that it looks quite different with a new logo, homepage, and redesigned article flows.

uxdesign.cc

A few UI differences between Chinese and English apps

Growing up in Singapore, I am exposed to cultural influences from the West as well as the East.

uxdesign.cc

Why do we round corners?

From software user interfaces to hardware product design, there is something intrinsically satisfying about the look and feel of a rounded corner.

the.com

The.com: Collaborative Web Design in a Creator Community Sponsored

Design low-code sites limitlessly on The.com. Fine-tune details, share remixable designs with the community, and push the web’s limits.