The five best design links, every weekday

Friday07/10

1

smashingmagazine.com

CSS News July 2020

In this article, Rachel Andrew takes a look at some of the interesting CSS features that are making their way into browsers right now.

2

m.signalvnoise.com

How we achieve “simple design” for Basecamp and HEY

At a high level it boils down to a handful of foundational principles that affect the decisions we make.

3

behance.net

Dunder Mifflin Identity

A new identity for the world's most famous paper company.

4

kottke.org

A Time Lapse World Map of Every Covid-19 Death

In order to demonstrate the magnitude of the pandemic, James Beckwith made a time lapse map of each Covid-19 death.

5

spotify.design

Bringing the Spotify Heart to Life

Discover how we designed and implemented a new micro-interaction for our heart icon.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday07/09

1

lea.verou.me

The Cicada Principle, revisited with CSS variables

Many of today’s web crafters were not writing CSS at the time Alex Walker’s landmark article The Cicada Principle was published in 2011.

2

medium.com

Designing a Mobile Platform

A couple of months ago, we shipped a brand new mobile platform at Envoy.

3

animaapp.com

Anima for Figma

Create High-Fidelity Prototypes and Export HTML with Anima, now available for Figma.

4

uxdesign.cc

Experience is in the details: analyzing the UX of streaming services

Looking at little experience decisions that make all the difference.

5

yello.substack.com

Biden’s new campaign typefaces are a pivot to the general election

The Biden campaign is getting a design upgrade.

Wednesday07/08

1

applypixels.com

The Comeback of Fun in Visual Design

It’s finally here. A swing of the pendulum. A reemergence of fun in visual design.

2

underconsideration.com

Going our Separate Waze

New Logo and Identity for Waze by Pentagram.

3

economist.com

Tracking the coronavirus across Europe

How countries and regions are coping with the covid-19 pandemic

4

spoon-tamago.com

Japanese Aqarium’s Flowchart Illustrates the Complex Relationships of Penguins

Two aquariums in Japan keep obsessive tabs on their penguins and maintain an updated flowchart that visualizes all their penguin drama.

5

start.uxdesign.cc

The Guide to Design

A self-guided class to help you get started in UX and answer key questions about craft, design, and career.

Tuesday07/07

1

fontsinuse.com

What to the Slave is the Fourth of July?

Frederick Douglass' reflection on the lop-sided access to freedom serves as a counterpoint to the typical celebration of Independence Day in the US.

2

simone.computer

simone.computer

Simone Marzulli’s personal website, feel free to click your favourite buttons!

3

nickpunt.com

De-Escalating Social Media

Designing humility and forgiveness into social media products

4

ishadeed.com

Uncommon CSS Properties

There are a lot of CSS properties that some don’t know about, or they know about them, but forget to use them when they’re needed.

5

nngroup.com

UX Roadmaps: Definition and Components

A UX roadmap is a high-level, living artifact that prioritizes and communicates a UX team’s future work and problems to solve.

Monday07/06

1

casestudy.club

From Idea to Kickstarter: A Product Design Case Study

The story and process behind Uicard — A pocket friendly wireframing ruler that inspires more sketching.

2

css-irl.info

Irregular-shaped Links with Subgrid

Card-based UIs are commonly-used web design patterns, and it’s not unusual to build a UI that requires a hover effect to be applied to an entire card.

3

1linelayouts.glitch.me

1-Line Layouts

10 Modern CSS layout and sizing techniques that highlight just how robust and impactful a single-line of styling code can be.

4

mgearon.com

Scroll to text fragment

How to use text fragments to highlight part of a web page when you link to it without using the ID HTML tag.

5

ciechanow.ski

Lights and Shadows

It’s hard to describe how paramount light is. Ultimately, it is the only thing we see.

Friday07/03

1

ethanmarcotte.com

The design systems between us

It’s often suggested that design systems would improve the way organizations work. I’ve been wondering about that.

2

pavellaptev.github.io

Dark Ages of the Web

A tour of the web as it used to be.

3

championsdesign.com

How Could the TDC be a Racist Organization?

It’s in the name. The TDC is a club.

4

ishadeed.com

Aligning Logo Images in CSS

As a front-end developer, you may have worked on making a section that contains logos for brands, clients, companies, you name it.

5

imaginarycloud.com

The 4 most recent product design books

Expand your product design knowledge and complement your hands-on experience with the ultimate product design books to read right now.

Thursday07/02

1

css-tricks.com

A Complete Guide to Dark Mode on the Web

“Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background.

2

medium.com

Design Better Buttons

The do’s and don’ts of button design in UI development

3

fastcompany.com

There are five rules of flag design. Mississippi’s new flag already breaks one

The bill to redesign the flag is a long overdue step forward. But the legislature set a requirement that will keep any design from being ‘great.’

4

fontinlogo.com

Font In Logo

Search and find fonts used by world brands.

5

whimsical.club

The Whimsical Web

A curated list of sites with an extra bit of fun.

Browse Archives