The five best design links, every weekday

Friday02/26

1

pudding.cool

The Pudding Cup 2020

The best visual and data-driven stories of 2020.

2

blobmixer.14islands.com

Blobmixer

A toy for creating and sharing 3D blobs.

3

awwwards.com

Annual Awards 2020 - Discover the best of the Web on Awwwards

2020 birthed a year of next-level creativity and innovation in the world of digital design.

4

svgrepo.com

SVG Repo: Free SVG Vectors and Icons

Download free mono or multi color vectors for commercial use.

5

abstract.com

State of Design 2021

Over 1,000 designers talked to us about how they work, what they value, and the challenges they’re facing. Here’s what we found.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday02/25

1

joshdata.me

Iceberger

Draw an iceberg and see how it will float.

2

hugogiraudel.com

Hiding Content Responsibly

In this article, I want to discuss all the ways to hide something, be it through HTML or CSS, and when to use which.

3

arun.is

The Art of the Desk Setup

What are the principles underlying the ideal desk setup? How do we balance great design with modern technology?

4

symphosizer.wearecollins.com

Symphosizer

Sound Activated Typography Instrument.

5

wikimediadesignstrategy.medium.com

In search of the perfect search for Wikipedia

The Wikipedia Android app team improved a core feature: searching for articles. Along the way, they experienced a surprise.

Wednesday02/24

1

web.dev

Building a Tabs component

A foundational overview of how to build a tabs component similar to those found in iOS and Android apps.

2

trysmudford.com

On Design Engineering: I think I might be a design engineer...

Exploring design engineering, and deciding whether that’s what I do.

3

blog.prototypr.io

Behind Branding: Is that really Pringles?

This weekend, I walked past the chips and snacks aisle and noticed a different branding to my favorite “Crisps” brand.

4

beta.flim.ai

Flim

Flim is a smart database of keyword-searchable movie screenshots.

5

experience-japan.info

Experience Japan Pictograms

Experience Japan Pictograms are a novel set of visual symbols developed for people of all cultures and ages to enhance their tourism experience.

Tuesday02/23

1

smashingmagazine.com

State Of GDPR In 2021: Key Updates And What They Mean

As digital practitioners, GDPR has impacted every facet of our professional and personal lives.

2

css-tricks.com

Getting Deep into Shadows

Let’s talk shadows in web design.

3

joshwcomeau.com

What the heck, z-index??

The z-index property can be a tricky little bugger. Sometimes, no matter how much you crank up the number, the element never rises to the top!

4

jonyablonski.com

AI in Design

How might we leverage AI and the benefits it brings to help in the design process?

5

ethicaldesign.guide

Ethical Design Guide

Ethical Design Guide is made to share resources on how to create ethical products that don’t cause harm.

Monday02/22

1

uxdesign.cc

The world is running on bad UI

As designers, we appreciate great products.

2

chezvoila.com

500,000 dots is too many

The more I think about today’s front page of the New York Times, the more it is for me another watershed moment for data visualization.

3

fossheim.io

What we can learn from Apple’s dataviz accessibility

Apple’s design is an inspiration to many, but are their data visualizations screen reader accessible?

4

uxdesign.cc

Is Apple capable of designing a usable mouse?

Remembering Jobs’ relentless approach to product design, and how a sufficient mouse design never came to be.

5

epicreact.dev

Use CSS Variables instead of React Context

How and why you should use CSS variables (custom properties) for theming instead of React context.

Friday02/19

1

ray.so

Ray.so: Turn your code in to beautifully images

Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.

2

simeongriggs.dev

Recipe websites, data modelling and user experience

To a developer, recipes represent such a complex and delicious content model. So why do so many recipe websites leave a bad taste?

3

remotion.dev

Remotion: Write videos in React

Create MP4 motion graphics in React. Leverage CSS, SVG, WebGL and more technologies to render videos programmatically!

4

smolcss.dev

SmolCSS

Minimal snippets for modern CSS layouts and components

5

skyline.github.com

GitHub Skyline

View a 3D model of your GitHub contribution graph as a city skyline instead of the 'green tiles'.

Thursday02/18

1

fastcompany.com

Google’s vibrant new interface makes it super easy to buy from Black brands

A clickable artwork by Amani Lewis lets consumers shop Black-owned brands such as Jungalow, Blk & Bold coffee, and more.

2

uxdesign.cc

When does iconography start to become useless?

There’s a big difference between how you might see iconography used, for example, in Microsoft Word & Photoshop or on a website you’ve just launched.

3

userinterviews.com

The State of User Research 2021 Report

The third annual State of User Research report uncovers trends in UX research methods, tools, salaries, and remote work. This one's a beaut!

4

andy.works

Andy.Works on a mission against boring apps

Simple, focused apps like weather and calculator that use bold type, graphics and animation to drive one point home: No more boring apps.

5

css-tricks.com

CSS Switch-Case Conditions

CSS is yet to have a switch rule or conditional if, aside from the specific nature of media queries and some deep trickery with CSS custom properties.

Browse Archives