The five best design links, every weekday

Friday12/02

1

inkandswitch.com

Inkbase: Programmable Ink

What would be possible if hand-drawn sketches were programmable like spreadsheets?

2

ralphammer.com

How to draw ideas

Four ways how to use drawing to get more ideas: Study, Explore, Develop, and Show. They will boost your creativity.

3

no-ht.ml

You Don't Need HTML!

Think about all the things they've told you that you 𝑛𝑒𝑒𝑑. HTML is NOT the answer!

4

css-tricks.com

Digging Deeper Into Container Style Queries

I wrote up some early thoughts on container style queries a little while back.

5

sekisuihouse.co.jp

Sekisui House Fact Book 2022

Beautiful and understated data visualizations and animations.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday12/01

1

web.dev

The large, small, and dynamic viewport units

New CSS units that account for mobile viewports with dynamic toolbars.

2

utopia.fyi

Designing a Utopian layout grid

Working with fluid responsive values in a static design tool.

3

arun.is

The Spanish designer in Dieter Rams's shadow

We always hear about Dieter Rams, but there were many others involved in Braun’s iconic designs.

4

gencup.art

GenCup — Generative data posters from World Cup 2022

Generative art project that combines graphic design, football, and data. Using the statics of FIFA World Cup games to generate abstract compositions.

5

medium.com

Reimagining a Token Taxonomy

Notes from design token projects, from audits to implementation.

Wednesday11/30

1

helloanselm.com

Is "CSS Engineer" now a job position?

Are we at the point where we will have "CSS Engineer" or "CSS Developer" positions on the job market?

2

uxdesign.cc

Can trust be designed?

The power of visual symbols in building credibility — whether for good or bad.

3

rive.app

Rive: The new standard for interactive graphics

Use our familiar design and animation tools to create interactive motion graphics for your products, apps, sites, and games.

4

rockybergen.com

Vintage Computers Papercraft Models

Construct the computer from your childhood or build an entire computer museum at home with these paper models, free to download and share.

5

solomon.io

Experimenting with AI Artwork

My first attempt at generating AI artwork and a walkthrough as I try and refine an idea a bit more.

Tuesday11/29

1

generated.photos

Generated Humans

Get super realistic whole-body images.

2

matejlatin.com

How to evaluate the UX maturity of a company

Something wasn’t right. I had just received the work contract to review and the name of the role stated throughout was only “designer.”

3

more.graphics

more.graphics

Unique and free generator tools in one place.

4

amyhupe.co.uk

Building conscious design systems

How can we focus less on artifacts in design systems, and work consciously to build inclusive design systems that put people at their heart?

5

joshwcomeau.com

Color Formats in CSS

CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose?

Monday11/28

1

fastcompany.com

How Facebook designed the like button

In terms of sheer impact, the like button was one of the most successful pieces of code ever shipped.

2

futicons.com

Futicons - Icons for the future

Figma designed icons for niche segments like VR, AR, Interplanetary Travel, AI, Crypto, Blockchain, Cyborg, Future Transportation and Sustainability.

3

spotify.design

Performance Cards: Designing with Empathy and Meaning

Challenge the way you think and serve access constrained users with these cards.

4

uxdesign.cc

Down the wrong path: the disaster of the latest Duolingo UI update

The world’s largest language learning platform recently rolled out a major update to its 50M active users.

5

tympanus.net

Awesome Demos Roundup #22

The latest collection of the most creative and inspiring demos and code experiments from around the web.

Friday11/25

1

fathy.fr

Forking Chrome to turn HTML into SVG

I've been working on a program called html2svg, it converts web pages to SVG. It's based on a fork of Chromium to support modern web standards.

2

brushify.art

Brushify.art: Whimsical Watercolors

Transform your photos into beautiful works of art in seconds!

3

findtheprompt.com

Find The Prompt

Find the AI prompt used to generate an image as quickly as possible. Everyday a new prompt to discover!

4

kooslooijesteijn.net

Why is open source software so badly designed?

It’s not just a matter of developers acting friendlier or designers acting less egoistically.

5

uxdesign.cc

It’s visual delight that you’re looking for, not gamification

You are in a product meeting that has been going on for the entire day, and now all the discussions are almost loopy.

Thursday11/24

1

polypane.app

30% discount on Polypane for Black FridaySponsored

Get Polypane for yourself or your entire team! Build better websites in less time with a browser that makes your site more responsive & accessible.

2

uxdesign.cc

Duolingo’s redesign: 4 things they got right, 1 possible improvement

I’m here to talk about three things I think Duolingo really nailed with this redesign — and 1 possible improvement.

3

blog.pkh.me

Investigating why Steam started picking a random font

Out of the blue my Steam started picking a random font I had in my user fonts dir: Virgil, the Excalidraw font.

4

frontendmastery.com

The evolution of scalable CSS

A deep dive into the problems with scaling CSS on large projects. Understand the evolution of CSS best practices.

5

ooh.directory

ooh.directory

A collection of 860 blogs about every topic.

Browse Archives