The five best design links, every weekday

Tuesday03/26

1

piccalil.li

Front-End solution: progress indicator

I’ve opted for a little web component that progressively enhances a loading statement.

2

lissajous.eva.town

Lissajous Curve SVG Generator

Generate and export SVGs of Lissajous curves. A tool by Eva Decker.

3

manuelmoreale.com

From ink to pixel to ink

I love books. I love reading books but I also love books as objects.

4

nemutas.github.io

Azulejo

A cool visual experiment for generating tile patterns.

5

arun.is

40 years of the Mac at the Computer History Museum

My review of the Computer History Museum’s event and pop-up exhibit celebrating 40 years of the Macintosh.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday03/25

1

jameshfisher.com

A formula for responsive font-size

This CSS is now part of most websites I make.

2

blog.streamlinehq.com

How to design icons in Figma

The definitive guide to design icons in Figma, with detailed step-by-step instructions and video examples.

3

amitmerchant.com

Spicing up text with text-emphasis in CSS

Recently, I learned about a sleek CSS property that I hadn’t heard of before and it’s pretty rad!

4

css-tricks.com

Accessible Forms with Pseudo Classes

Creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within.

5

oliviaking.com

Inclusive Sans

A text typeface designed for accessibility and legibility for all readers by Olivia King.

Friday03/22

1

microsoft.design

The hidden power of typography

The science behind how design choices influence perception and behavior

2

piccalil.li

The box model and box sizing

We’re looking at one of those most important aspects of CSS to understand: how the box model is affected by box sizing.

3

arun.is

Why we crave healthier computing

How throughout history, increasing computing capability has lead to increasing burden on users.

4

growth.design

Social Proof: Why people’s behaviors affect our actions

Learn from the best examples of social proof in the industry and how to apply it to increase the perceived value of your product ethically.

5

designspells.com

Design Spells · Design details that feel like magic

Discover micro-interactions, easter eggs, and other seemingly extra design details.

Thursday03/21

1

uxmag.com

How Insight from Netflix Profiles Doubled Our Conversions

Out-of-the-box design process by Gett mobile team.

2

printmag.com

Pentagram Makes A Splash with a Fresh Rebrand for the Monterey Bay Aquarium

The popular Southern California destination has a newly elevated brand system in honor of its 40th anniversary.

3

davidwalsh.name

I’m So Old: Web Edition

Time can be a funny thing. I still remember discovering HTML, CSS, and JavaScript coding.

4

adrianroselli.com

Check-All / Expand-All Controls

Controls that can operate other controls in bulk are not new.

5

restofworld.org

How AI reduces the world to stereotypes

Rest of World analyzed 3,000 AI images to see how image generators visualize different countries and cultures.

Wednesday03/20

1

nngroup.com

Homepage Design: 5 Fundamental Principles

Effective homepages are simple and easy to access, communicate the organization’s and site’s purpose.

2

thisiscolossal.com

British Wildlife Photography Awards

The winning images of the British Wildlife Photography Awards 2024 exhibit the beauty, spectacle, and fragile balance of the British Isles.

3

studiodumbar.com

Instagram — Motion Identity System

Instagram invited Studio Dumbar to collaborate on the next phase of expansion: the creation of a vibrant, all-encompassing motion system.

4

pudding.cool

The Flipbook Experiment

Help draw the longest flipbook animation ever.

5

storybook.js.org

Storybook 8

Next level testing, performance, and compatibility

Tuesday03/19

1

oneschema.co

Best practices for designing a CSV importer anyone can useSponsored

Learnings from importing thousands of CSV files and the pitfalls to avoid.

2

lukew.com

Pinball User Interface

Using software can be hard. All those form fields, menu items, interactive widgets and more... continually changing.

3

theturnsignalblog.com

Mixed Reality: The Future of Automotive UX Prototyping

Can mixed reality make it easier to test and iterate on automotive user interfaces?

4

ignorethecode.net

Steal These Surface Duo Ideas

Comparing the Fold 4 and Surface Duo folding smartphones.

5

supercharge.design

How to Design for Apple Vision Pro

How to design for Apple Vision Pro and integrate functionality, high-quality user experience, and aesthetics into your designs.

Monday03/18

1

dbushell.com

CSS Button Styles You Might Not Know

The one where I demo some lesser-known CSS for stylin’ buttons

2

developer.mozilla.org

Creating color palettes with the CSS color-mix() function

In this article, we’ll explore how to use the CSS color-mix() function to create variations in color palettes.

3

lea.verou.me

Proposal: CSS Variable Groups

CSS Variable Groups is a way to define multiple properties under the same namespace and pass the entire group around.

4

frontendmasters.com

What is safe alignment in CSS?

The safe keyword is used in addition to other alignment keywords in layout.

5

epic.net

Reward your future customers with a game

Why not rewarding our visitors with the cutest bunny ice skating game ever?

Browse Archives