The five best design links, every weekday

Tuesday04/20

1

lofi.cafe

lofi.cafe - lofi music 🎧

Lofi music streams for studying, working, and relaxing.

2

imperavi.com

Web Interface Handbook

This is a book about the fundamentals of creating a good web interface.

3

uiw.tf

uiwtf

An experimental laboratory for user interfaces.

4

bjango.com

What is pass-through blending?

Figma, Photoshop, XD, and Affinity Designer all contain a blending mode called “pass-through”.

5

codingfantasy.com

Coding Fantasy: Learn CSS, HTML & JavaScript by Playing Coding Games

No more boring lectures, videos and courses. Learn to code in a fun, fast and effective way.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday04/19

1

bugherd.com

Resolve bugs and website feedback faster with BugHerdSponsored

Turn client feedback & bug reports into visual, trackable tasks. BugHerd captures screenshots, browser and OS information for you to action.

2

cardsforhumanity.idean.com

Cards for Humanity

Deal the cards to get a random person and their needs. Your challenge is the work out how to design for this person.

3

trekhleb.dev

Content-aware image resizing in JavaScript

JavaScript implementation of so-called Seam Carving algorithm for the content-aware image resizing and object removal. A dynamic programming approach.

4

sarasoueidan.com

Not Your Typical Horizontal Rules

Like other HTML elements, horizontal rules can be styled using CSS. This means that they don’t have to look like boring, plain horizontal lines.

5

kumiko-generator.netlify.app

Kumiko Generator

Kumiko is an ancient Japanese woodworking technique, which involves slotting together many tiny pieces into a lattice.

Friday04/16

1

globs.design

Glob Editor

A globs-based vector editor.

2

carthing.spotify.com

Introducing Car Thing from Spotify

Check out Car Thing, Spotify’s new smart player designed for your drive. Get all the music and podcasts you love, every mile of the way.

3

uxdesign.cc

To add is expected, to subtract is design

A couple years ago I wrote about how healthcare should take customer experience guru Dan Gingiss’s advice: do simple better.

4

css-tricks.com

Flash of inAccurate coloR Theme (FART)

There is a lot to think about when implementing a dark mode theme on a website.

5

viget.com

Hiking Apps & Outdoor Safety: A Critique

New hikers are flocking into the backcountry in unprecedented numbers and apps are their tool of choice.

Thursday04/15

1

uxdesign.cc

Are bad graphical descriptions better than none to someone with vision loss?

More than 125K global websites use overlays rather than fixing their accessibility bugs. AI-generated alt-text used by overlays is not 100 % reliable.

2

moderncss.dev

Modern CSS Upgrades To Improve Accessibility

Accessibility is a critical skill for developers doing work at any point in the stack.

3

goodpractices.design

Auto Layout in Figma

An introduction with examples so you can finally understand how Auto Layout works in Figma.

4

adactio.com

The state of UX

The death of a dream …or the dawning of a golden age?

5

y-n10.com

Yamauchi No.10 Family Office

We are Yamauchi-No.10 Family Office, the family of the founder of Nintendo.

Wednesday04/14

1

nngroup.com

Design Systems 101

A design system is a set of standards to manage design at scale.

2

hoodzpahdesign.com

Title Treatment Concepts for Disney and Pixar’s Luca

Hoodzpah brand studio was so excited to work with the creative team at Disney and Pixar to concept on the movie title treatment for “Luca”.

3

natto.dev

Natto.dev

Interactive JavaScript space.

4

ishadeed.com

Say Hello To CSS Container Queries

Let’s learn about how CSS container queries work with lots of examples and use-cases.

5

maze.co

Evolving the Maze Brand: How We Developed Our New Brand Identity

Maze CEO and co-founder, Jonathan Widawski shares the behind-the-scenes process of building the Maze brand with designer Romain Briaux.

Tuesday04/13

1

nature.com

Adding is favoured over subtracting in problem solving

People tend to solve problems by adding features.

2

medium.com

Say Anything? Behind the Scenes of Suggested Responses

Find out how product teams can create ready-made conversation replies through content design principles.

3

uncut.wtf

Uncut

A growing catalogue of open source typefaces, focusing on somewhat contemporary type

4

smashingmagazine.com

A Complete Guide To HTML Email

Everything HTML email, with tools, templates and guides for designers and developers.

5

wired.com

The Healing Power of JavaScript

For some of us—isolates, happy in the dark—code is therapy, an escape and a path to hope in a troubled world.

Monday04/12

1

getstream.io

Build in-app chat for your app in hours.Sponsored

Stream’s Mobile Chat Kit for Figma, Sketch, Flutter, RN, iOS, and Android. The UI is customizable, supports six platforms, & has full offline support.

2

uxdesign.cc

What 21st-century design looks like

Don Norman and decolonial design.

3

cassie.codes

Swipey Image Grids

SVG isn’t just useful for illustrative animation. It’s hella handy for UI too.

4

storybook.js.org

How to actually test UIs

Testing techniques used by leading engineering teams

5

kittygiraudel.com

CSS Pie Timer Revisited

Almost 9 years ago, I wrote about making a pure CSS pie timer. It’s something I struggled with and was very proud of solving at the time.

Browse Archives