The five best design links, every weekday

Thursday01/21

1

responsibleweb.app

Responsible Web Applications

HTML and CSS Tips and Tricks for creating applications that are both responsive and accessible out of the box.

2

newlyn.com

A New Logo for Burger King

Updating the mark for a now global brand in a digital age meant taking a look back at what made the logo so iconic in the first place.

3

developers.google.com

New in Chrome 88: aspect-ratio

In Chrome 88, the aspect-ratio property allows you to explicitly specify an aspect ratio.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Wednesday01/20

1

uri.cat

Modern Retro Computer Terminals

Design, 3D-print and assemble several small computers.

2

vilinskyy.substack.com

7 visual design lessons from Dmitry Novikoff based on Big Sur Icons

Professional tips to make icons look great and distinguishable

3

ishadeed.com

Understanding Clip Path in CSS

An introduction about CSS clip-path, how it works, with example and use-cases.

4

humaan.com

Creating comic book speech bubbles with SVG and javascript

Webcomics traditionally include speech bubbles as part of the image. Today we explore whether it could be done using SVG and javascript.

5

paint.wtf

Paint.wtf

Drawing game where your illustrations are judged by an AI

Tuesday01/19

1

printmag.com

The Daily Heller: Keep Politics Out of Design?

Let’s keep it civil, but let’s acknowledge design is in politics and politics is in design.

2

nytimes.com

The Year in Illustration 2020

The most memorable illustrations of the year, as chosen by art directors at The New York Times.

3

dev.to

Why Tailwind Isn’t for Me

I think the folks building Tailwind are talented and nice people. But at a pure technical level, I simply don’t like Tailwind.

4

unwrittenrulesproject.com

Unwritten Rules Encyclopedia

Learn about the social rules that control Black lives.

5

vilinskyy.substack.com

Transactional model to rethink our digital behaviour

My small “what if...” exercise inspired by the deficiency of the monetization models.

Monday01/18

1

adactio.com

Design Principles For The Web

I’d like to take you back in time, just over 100 years ago, at the beginning of World War One.

2

uxdesign.cc

Enterprise UX is amazing. Change my mind.

Why this under-represented but widespread design field comes with lots of unique and interesting challenges.

3

annual.awwwards.com

Discover the best websites of 2020

Meet the nominees on Awwwards and vote for your favorite.

4

christianheilmann.com

Seven ways to test for accessibility of your web site with browser DevTools

Browsers come with developer tools built-in and these have great accessibility testing features.

5

medium.com

A UX Analysis of Real Estate Royale, Yakuza 0’s Game Within A Game

The first of a two part series exploring UX approach, issues, and recommendations

Friday01/15

1

thistooshallgrow.com

Shit’s broken: why we need Mindful Notifications & how to Design them

Notifications today impede our focus, get in the way of our plans, cause cognitive overload, and are often devoid of meaning. Here’s how we improve.

2

ilovetypography.com

My Favorite Typefaces of 2020

After a decade, our annual Favorite Fonts list is back.

3

surma.dev

Ditherpunk — The article I wish I had about monochrome image dithering

I always loved the visual aesthetic of dithering but never knew how it’s done. So I did some research.

4

uxdesign.cc

The two design skills that will matter in 2021

2020 is now behind us. Good! It’s been a bad year on many levels, but it was also transformative.

5

medium.com

How to train your design dragon

A new designer joined our team recently, and we onboarded her through Google Hangouts.

Thursday01/14

1

tympanus.net

2020: A round-up of all Codrops resources

A roundup of all Codrops resources of the year 2020.

2

fontsinuse.com

Font In Use: CIA.gov (2021 rebrand)

The updated website is more reminiscent of a Millennial direct-to-consumer popup brand than a staid government agency.

3

link.medium.com

One component with over 1,000 variants

Use Figma’s Variants and Auto-layout to design one Button component

4

fastcompany.com

Camo, flags, and the Kraken: decoding symbols of the Capitol insurrectionists

The Capitol rioters wore pelts, carried flags, and plastered themselves with logos that hid deeper meanings.

5

2020.stateofjs.com

The State of JavaScript 2020

The annual survey about the latest trends in the JavaScript ecosystem.

Wednesday01/13

1

uxdesign.cc

The no-mouse challenge: Taking the keyboard navigation red pill

Not everyone out there relies on a mouse or a trackpad when using their computers.

2

albertwalicki.com

How to Fall In Love With Single Div Illustrations

A short tutorial on how to create images.

3

buttonbuddy.dev

ButtonBuddy - Accessible button contrast generator

Learn what it takes to ensure your buttons or button-styled links have accessible contrast across all states and surfaces.

4

samanthaz.me

Learning 3D Modeling in 14 Weeks

I learnt 3D modeling on my own in just 14 weeks, and earned an honorable mention and staff pick on Sketchfab. Here’s how I did it.

5

medium.com

A UX Analysis of Cyberpunk 2077′s HUD

Finding a balance between visual flair and effective communication.

Tuesday01/12

1

loremipsum.ueno.co

24,895 hours later

Today I am happy to announce that Ueno is joining Twitter to help build the future of one of the most influential brands in the world.

2

uxplanet.org

Analyzing the new Tesla UI

The new user interface that Tesla has launched as a Christmas gift has not left its users indifferent.

Browse Archives