The five best design links, every weekday

Friday01/28

1

wired.com

Europe’s Move Against Google Analytics Is Just the Beginning

Austria’s data regulator has found that the use of Google Analytics is a breach of GDPR.

2

css-tricks.com

Context-Aware Web Components Are Easier Than You Think

An aspect of web components is that a JavaScript function is called whenever a web component is added or removed from a page.

3

hiddedevries.nl

More to give than just the div: semantics and how to get them right

A write-up of my recent talk about semantics.

4

codeadrian.github.io

clay.css

Micro CSS util and SASS mixin for easily adding inflated fluffy 3d claymorphism styles to any HTML element.

5

matuzo.at

Here’s what I didn’t know about :where()

The where() pseudo-class might be more useful than originally thought.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday01/27

1

fastcompany.com

The fascinating design story behind the new Maya Angelou quarters

How to read between the lines of an illustration celebrating Angelou’s impact and legacy.

2

itsnicethat.com

Type foundry Boharat Cairo on the vast possibilities of Arabic type design

In conversation with Abdo Mohamad of Boharat Cairo, we find out how the Egyptian capital is full of typographic inspiration.

3

mxb.dev

Make Free Stuff

When I first fell in love with the web, it was a radically different place.

4

tympanus.net

Background Shift Animation with CSS Blend Modes

A background color shift transition using CSS Blend Modes and a multi-layer animation.

5

uxdesign.cc

Why designers should remove “Hooked” from their reading list

A book that didn’t age well.

Wednesday01/26

1

designerfund.com

Inside design at Gusto: How to build customer-centric culture

Advice from Gusto's design team on improving cross-team collaboration and getting buy-in for design's value.

2

fastcompany.com

Cease & Desist Grand Prix

These unlicensed F1 jackets by creative studio MSCHF are bait to trademark attorneys everywhere.

3

interactionmagic.com

The last design you’ll ever make

Designing from cradle to grave is no longer good enough. We need to postpone that grave as long as possible.

4

smashingmagazine.com

Getting Started With CSS Cascade Layers

The intent is to help CSS authors be more intentional about ordering the “layers” of CSS rules as a new method of cascade management.

5

jkrglobal.com

M&M’s redesign by JKR

JKR's new work for the chocolate brand include identity updates, custom typeface, and more emphasis on color and the ampersand.

Tuesday01/25

1

uxdesign.cc

Wordle UX: Sometimes a game just feels good

Every once in a generation something beautifully simple comes along and revolutionizes our lives: the paperclip, Post-its, the iPod, Wordle.

2

pika.rishimohan.me

Pika – Create beautiful screenshots quickly

A free, open-source app to quickly generate beauiful screenshots. Apply backgrounds, tweak shadows, add rounded corners and more.

3

charm.sh

Charm

We build tools to make the command line glamorous.

4

mindovertech.com

How we worked with a board game designer to improve our first physical product.

The journey we took to use game design to build a compelling physical tool to help form better digital habits.

5

css-tricks.com

Why Don’t Developers Take Accessibility Seriously?

This article covers perspectives on accessibility in web design that could help us bridge the great divide between users and designers/developers.

Monday01/24

1

engineering.contentsquare.com

Click and Swap, our alternative to Drag and Drop

At Contentsquare, we gather hundreds of metrics about user interactions on the websites of our customers.

2

jayfreestone.com

Frontend Predictions for 2022

Thoughts on what we might see in the coming year, including the return of micro-frontends and the demise of the Jamstack as we know it.

3

scottohara.me

Div Divisiveness

The div is the most versatile and used element in HTML. It represents nothing, while allowing developers to manipulate it into almost anything.

4

spotify.design

Refreshing our Icon System: the why and how behind the changes

Learn how and why our design systems team refreshed the icons you see when you use Spotify.

5

pimpmytype.com

Six things to consider before changing fonts on a website

I pimped the type of Pimp my Type. Here I share what motivated me to do it, and what I paid attention to.

Friday01/21

1

jonyablonski.com

Crafting Component Libraries: The Elements

A step through my process for crafting the foundational elements that make up a component library based on design fundamentals.

2

smashingmagazine.com

Freebie: Wayfinding Icon Sets

Whenever we visit new places, we often need to quickly navigate and find the right direction.

3

youtube.com

CSS Cascade Layers: An overview of the new @layer and layer() CSS primitives

Quick show and tell on CSS cascade layers and the @layer property, coming to browsers soon.

4

uxdesign.cc

I made a prototype. Elon Musk didn’t like it. Then the internet went nuts.

How I found myself in a battle of ideas with Elon Musk.

5

tympanus.net

Inspirational Websites Roundup #33

A very special selection of the most inspiring website designs from the past couple of weeks to keep you up-to-date with the latest trends.

Thursday01/20

1

johannesklingebiel.de

The five Levels of Hype

For an upcoming zine project, I‘ve been buried deep under articles and papers on the phenomenon of “hype”.

2

maggieappleton.com

Spatial Web Browsing

Adding spatial affordances to the experience of browsing the web

3

thenewnormal.is

The New Normal

This visualization uses Google Trends to explore shopping interest for various products before and during the Covid-19 pandemic.

4

framer.com

Framer Sites Beta

Design beautiful websites in record time.

5

setproduct.com

Badge UI Design Exploration

Badge design UI/UX tips. Purposes, use-cases, UX patterns reviewed, and other things to consider.

Browse Archives