The five best design links, every weekday

Wednesday09/22

1

uxtools.co

Quicker UX Research Synthesis

After conducting research, here are some ways I’ve learned to synthesize it quickly without falling behind.

2

fastcompany.com

Innovation by Design Awards 2021

Check out the 2021 Innovation by Design Awards.

3

macrumors.com

iOS 15: All the Details

Apple's next-generation iOS operating system, available now.

4

steveruiz.me

Fixing the Drift in Shape Rotations

A look at an obscure bug common to drawing programs, where rotations can cause shapes to move to new positions.

5

css-tricks.com

Proposal for CSS @when

CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Tuesday09/21

1

distill.pub

A Gentle Introduction to Graph Neural Networks

What components are needed for building learning algorithms that leverage the structure and properties of graphs?

2

uxdesign.cc

How the first version of Mailchimp was designed

During my time on the product design team at Mailchimp in 2018, one of my most memorable conversations was with CEO & Co-founder Ben Chestnut.

3

css-tricks.com

Exploring the CSS Paint API: Polygon Border

Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain.

4

stanislav-stankovic.medium.com

Building better leaderboards

One of the first full features of SimCity BuildIt that I had a chance to work on my own as a game designer is the Contest of Mayors.

5

nngroup.com

Designing Empty States in Complex Applications: 3 Guidelines

Empty states provide opportunities for designers to communicate system status and increase learnability of the system.

Monday09/20

1

talent.foam.org

Foam Talent 2021

An all-access online exhibition celebrating the works of young artists shaping the future of photography.

2

newsweek.com

Woman’s viral mock redesigns for iconic logos are actually used by brands

Starbucks, Tampax, Tinder and TikTok are among some of the brands changing their social media pictures after a viral video awfully redesigned them.

3

uxdesign.cc

Layout in ancient writing: UX inspiration from history

It’s no secret that a lot of the practice that we use in interface design came from the printing industry.

4

kottke.org

The Winners of the 2021 Drone Photo Awards

Drones have been around for awhile now, but I have yet to tire of the bird’s-eye images captured from above this remarkable planet of ours.

5

css-tricks.com

Computer Science Unleashed, Chapter 1: Connections

Humans crave connections, and the advent of the digital revolution has empowered us to be more connected than ever before.

Friday09/17

1

uxdesign.cc

How to use design to make public spaces unusable and unappealing

City life can be tough and during those times many city dwellers find respite in a comfortable seat.

2

indeed.design

How a Holistic Approach to Fixing Error Messages Helped Indeed and Our Users

Some lessons from a small cross-functional team about holistic design, the value of content strategy, and collaboration.

3

ishadeed.com

CSS Container Query Units

Using units that are relative to the container size

4

mechanic.design

Mechanic

An open source framework that makes it easy to create custom, web-based design tools that export design assets right in your browser.

5

patterns.helloyes.dev

Basic Pattern Repository

A collection of hand-coded SVG ’s, ready to be used in inline SVG or however you like.

Thursday09/16

1

doodleipsum.com

Doodle Ipsum

A free tool for devs to quickly find illustration placeholders. You can set the style, size, bg, and fx, and get an embedded code right away!

2

designerfund.com

Embedding Design into the Fiber of Fintech

What makes design at Stripe so special? Designer Fund talked to current & former designers for a window into some of its successes (and failures).

3

kottke.org

The Winners of the 2021 Small World Photomicrography Competition

Nikon has announced the winners of the Small World Photomicrography Competition.

4

typography.com

Hoefler&Co & Monotype.

I’m pleased to announce that today, Hoefler&Co is joining the Monotype family.

5

bram.us

The Future of CSS: Cascade Layers (CSS @layer)

When authoring CSS we have to carefully think about source code order, selector specificity, and the use of !important.

Wednesday09/15

1

uxdesign.cc

A comprehensive list of human-computer interactions

A review of the opportunities with humans, computers, and software.

2

andybudd.com

The Pros and Cons of Professional Language

Most industries have their own professional language — often described as “jargon” by the less generous amongst us.

3

blog.datawrapper.de

Data Vis Dispatch, September 7

The best of last week’s big and small data visualizations

4

bonsaibrowser.com

Bonsai: Web Browser for Research

Web-browser for research that helps programmers think clearly.

5

jamstackconf.com

Jamstack Conf 2021

Jamstack conferences host speakers, workshops, and more for learning to design, develop, & deploy modern web projects.

Tuesday09/14

1

smashingmagazine.com

Orchestrating Complexity With Web Animations API

Diving into the Web Animations API: let's see how timing works and how to control the playback of several animations at once.

2

thisiscolossal.com

Nikon’s 2021 Photomicrography Competition

Unless they're under a microscope, it's difficult to see the shimmery barbs of a louse claw or cracks running through a single piece of salt.

3

uxdesign.cc

How to optimize button microcopy

Microcopy is the small, informative, or instructional text on forms, fields, labels, pop-ups, buttons, search prompts, etc.

4

css-tricks.com

Grainy Gradients

Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise.

5

joshwcomeau.com

Designing Beautiful Shadows in CSS

When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn’t have to be this way, though!

Browse Archives