The five best design links, every weekday

Tuesday05/18

1

uxdesign.cc

Building software for artists

How can we build software tools that empower artists to use computation in their own work?

2

d-qn.shinyapps.io

aRty face

Translates pixels into data visualisation.

3

frontstuff.io

No, Utility Classes Aren’t the Same As Inline Styles

Half a decade after the first commit of the pioneering ACSS, utility-first CSS is more popular than ever.

4

iconoir.com

Iconoir: SVG Icons Library

The Simple and Definitive hand-crafted SVG Icons Library.

5

polypane.app

Polypane 6: Peek, Webvitals, new simulators & Chromium 91

Peek at element just like in design tools, webvitals monitoring for each pane, astigmatism simulators and Chromium 91 with container query support!

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday05/17

1

fastcompany.com

Inside Discord’s risky push to position itself as the anti-Facebook

Discord’s new campaign—’Imagine a Place’—pitches all the freedom and community, with none of the privacy or security issues.

2

css-tricks.com

Auto-Generated Social Media Images

I’ve been thinking about social media images again.

3

georgefrancis.dev

A Beginner’s Guide to Applying Color in UI Design

Your virtual guide up the mountain of color.

4

pixelhop.io

Pixelhop new website walk through

It was super fun to design and build, so we thought we would walk you through some details about our favourite bits.

5

about.instagram.com

On Building a Fluid User Interface

Through a highly iterative process, engineers and designers worked to rethink some standard UI components in developing the Instagram Threads app.

Friday05/14

1

iainbean.com

5 steps to faster web fonts

Fine-tune your font files and optimise your loading strategy for maximum speed + minimum FOUT.

2

kottke.org

Winners of the 2021 Type Directors Club Design Awards

The Type Directors Club has announced the winners of their two design competitions: TDC67 Communication Design and 24TDC Typeface Design.

3

utopia.fyi

Painting with a fluid space palette

What’s a fluid space palette, why is it helpful, and how to use it.

4

blog.discord.com

Happy Blurpthday to Discord, a Place for Everything You Can Imagine

Discord makes some 'friendlier' adjustments to its look including an improved logo, font and colors.

5

javier.xyz

PINTR

Create single line SVG illustrations from your pictures.

Thursday05/13

1

uxdesign.cc

Is the Google UX course any good?

I’ve done it! After 7 weeks I finally finished the entire Google UX Course at Coursera

2

uxdesign.cc

Ideas I copied to help steal more ideas

More than 70% of people in the workplace feel they have experienced ‘imposter’ thoughts at some point in their lives.

3

storybook.js.org

Storybook addons for CSS

Better workflows for styling components.

4

youtube.com

YouTube Culture & Trends

Imagine you’re a creator about to record a new vlog for your YouTube channel. How do you welcome your fans to the show?

5

smashingmagazine.com

Frustrating Design Patterns That Need Fixing: Birthday Picker

Too often birthday input is inaccessible, slow and cumbersome to use. Let's fix it.

Wednesday05/12

1

web.dev

Best practices for cookie notices

Learn about how cookie notices affect performance, performance measurement, and UX.

2

zeichenschatz.net

Microsoft’s 2021 default fonts – a typographer’s thoughts and suggestion on it

Microsoft commissioned 5 sans-serif typefaces and asked on Twitter, which should be the new default that will replace Calibri. I share my suggestion.

3

sketch.com

Sketch: in 2021 and beyond

Sketch shared updates to the platform including collaboration, web-integrated workspaces and subscription models.

4

marcandrew.me

Discover Figma: A Practical Guide

Follow my hands-on, practical guide, where I’ll be showing you how to create a simple Mobile App Screen inside Figma.

5

iconic.app

Iconic icons

Free, “do wtf you want with” pixel-perfect icons. New icons added every week.

Tuesday05/11

1

daneden.me

A Change of Scenery

The personal site, blog, and portfolio of Daniel Eden, a designer writing and thinking about design systems.

2

lab.hakim.se

Trassel

Scroll and click to create semi-random artwork.

3

stumbled.cc

Stumbled

Stumbled is a collection of the greatest, most interesting and weird Sites of the Internet.

4

uxplanet.org

Skill Chef: A UI/UX Case study

In this case study, I have described my process of designing an ed-tech app — Skill Chef for the niche culinary arts.

5

raw.studio

Case Study: How Headspace Designs for Mindfulness

This pandemic has encouraged me to take the plunge into Headspace.

Monday05/10

1

curiositytank.com

UX Lexicon

An evolving, interactive glossary of UX research terms.

2

sarasoueidan.com

Component-level art direction with CSS Container Queries

Container Queries (CQ) allow us to change the styles of a component so it responds to the size of its nearest container.

3

chenhuijing.com

Debugging vertical layouts in 2021

I first started messing around with vertical layouts after discovering the existence of writing-mode.

4

bootcamp.uxdesign.cc

Concept: Introducing Spotify snippets,a new feature for podcasts

An innovative new bookmarking feature to simplify podcast-based learning for listeners and amplify social media visibility for content creators.

5

technology.blog.gov.uk

Simple things are complicated: making a show password option

Adding a ‘show password’ option to GOV.UK accounts looked like a straightforward task, but it was more interesting and complicated than we expected.

Browse Archives