The five best design links, every weekday

Wednesday10/21

1

stateofcss.com

The 2020 State of CSS Survey

Take the annual survey about the latest trends in CSS.

2

ensage.webflow.io

Tribevibe—a community-driven platform for the untourists

We decided to build something of our own, where we can apply all the principles and processes we stand for.

3

youtube.com

Designing Steamed Hams From “The Simpsons”

Today we’ll create the branding for Steamed Hams from “The Simpsons”.

4

blog.adobe.com

Adobe XD releases 3D Transforms and more at Adobe MAX 2020

Get to final faster with 3D Transforms, Creative Cloud Libraries, Visual Studio Code, and more.

5

azumbrunnen.me

My chatbot is dead · Why yours should probably be too

An honest take on chatbots in the web and how they’ve become a distraction of what we should be focusing on.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Tuesday10/20

1

medium.com

Tap to Navigate

Systemizing a map component has remarkably more constraints than your average button.

2

css-tricks.com

Focus management and inert

Many forms of assistive technology use keyboard navigation to understand and take action on screen content.

3

addyosmani.com

Faster Web App Delivery with PRPL

PRPL is a pattern for structuring and serving web applications and Progressive Web Apps.

4

thegoodlineheight.com

The good line-height

Have you ever needed to create a type scale and had to spend extra time figuring out what should be the right line-height?

5

magicpattern.design

CSS Background Patterns by MagicPattern

Beautiful pure CSS background patterns that you can actually use in your projects!

Monday10/19

1

bugherd.com

Feedback and bugs. Resolved in minutes not days.Sponsored

Get less "the link is broken" and more great bug reports from non-tech clients. BugHerd includes screenshots and browser data. Try it for Free.

2

uxdesign.cc

The 3 qualities of a great product

There are 3 main qualities that make a great product, according to the Kano model.

3

uxdesign.cc

iPhone 12 vs Designers

If you’re a designer working on mobile apps you probably know that there has been a growing number of Apple mobile devices to choose from.

4

logodesignlove.com

Word as Image, by Ji Lee

Some fun examples of wordplay in Ji Lee’s personal project, Word as Image.

5

readymag.com

Daily Routines by Readymag

Readymag explored the lives and work habits of five designers from different backgrounds to find out what helps them stay productive and creative.

Friday10/16

1

fastcompany.com

How one tiny accessory popularized the most iconic slogans of the 20th century

Want to know about major American milestones? Look to the lapel.

2

medium.com

Naming Tokens in Design Systems

Design tokens have provided a visual foundation of many design systems since Salesforce pioneered the concept in 2014.

3

observablehq.com

Examples of bitemporal charts

Bitemporal data has two dimensions of time, like a table with two columns of dates.

4

lea.verou.me

The -​-var: ; hack to toggle multiple values with one custom property

What if I told you you could use a single property value to turn multiple different values on and off across multiple different properties?

5

medium.com

Writing for global audiences

Draft clear content so users know how to take action.

Thursday10/15

1

angel.co

Hugging Face is looking for its Head of DesignSponsored

At Hugging Face we built some of the most popular ML libraries ever, and we're looking for our Head of Design to ship the GitHub of machine learning.

2

css-tricks.com

How to Create a Realistic Motion Blur with CSS Transitions

Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is.

3

webflow.com

How (and why) we built the Digital Dollar Store

Discover how a small team got together and built the Digital Dollar Store, during our annual Webflow Dream Big Week.

4

blog.medium.com

Medium brand identity update

Medium unveils a new brand identity and further updates to its platform.

5

multithreaded.stitchfix.com

What Color Is This?

We need to know what colors our merch is.

Wednesday10/14

1

zellwk.com

Leading Trim is in the works!

Introduction to leading-trim and why it changes everything we know about Web Typogarphy

2

uxdesign.cc

Using real data in Figma

There is a whole heap of software and tools being created at the moment to try and bridge the gap between design and development.

3

mamboleoo.be

Mamboleoo

Bonjour, I am Louis the front-end physiotherapist! I can help with your flex issues.

4

jennybrennan.com

Designing the Ada Lovelace hashflag emoji

On Ada Lovelace Day we celebrate the work of women in STEM. Jenny Brennan writes about how she designed a hashflag for the occasion.

5

design.google

Absolutely FAB

How the Floating Action Button became a Material Design icon

Tuesday10/13

1

blog.jim-nielsen.com

Cheating Entropy with Native Web Technologies

The more I author code as it will be run by the browser the easier it will be to maintain that code over time.

2

uxdesign.cc

Using object-oriented user experience for software development

The increasing complexity of software, app, and website interfaces has driven a chaotic narrow specialization trend among web designers.

3

emilyjschan.com

Orna

Orna falls in the realm of display typefaces influenced by Art Nouveau and Blackletter Calligraphy, all while emphasized under a contemporary light.

4

icons.modulz.app

Radix Icons

A crisp set of 15×15 icons designed by the Modulz team.

5

matthiasott.com

:focus-visible Is Here

One of the most important features of a website that is built with accessibility in mind is that it can be navigated with a keyboard.

Browse Archives