The five best design links, every weekday

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?

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Friday03/15

1

piccalil.li

Some little ways I’m using CSS :has() in the real world

I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.

2

blog.applaudstud.io

Sometimes, a Button Just Wants to Look Like a Button

How much was really lost in the great calamity that was iOS 7? For a UI designer like myself, quite a lot.

3

pjonori.blog

Color is a four letter word

Profanity can be a remarkable way to get a point across. The trick is sparse use in the right situation.

4

garden.bradwoods.io

Juice

Juice is the non-essential visual, audio and haptic effects that enhance the player's experience.

5

delights.flayks.com

Daily Delights

A curation of links about art, design and development picked -somewhat daily- by Félix Péault, Art Director and Digital Designer.

Thursday03/14

1

jsoncanvas.org

JSON Canvas

An open file format for infinite canvas data.

2

printmag.com

The Curious Case of Cursive

Chloe Gordon looks at the evolution of cursive in society and design.

3

medium.com

Inclusive Design’s next wave breaks for mental health

Our toolkit for designing with cognitive diversity extends into wellbeing.

4

vimeo.com

Museum-Worthy

It’s Hard to make museum-worthy art. It’s harder to make museum-worthy ads.

5

bradfrost.com

What's Next for a Global Design System

A Global Design System would improve the quality and accessibility of the world’s web experiences.

Wednesday03/13

1

chicagomag.com

Preserving the City Through Typography

A Portage Park illustrator saves Chicago’s past one letter at a time.

2

trangram.com

Trangram

Trangram is a free one-stop platform to create, animate and share motion graphics.

3

gradientor.app

Gradientor

A minimalist, beautiful Radial Background Generator

4

nytimes.com

The Designer Who Makes Movie Posters Worthy of Museums

You’ve seen Dawn Baillie’s posters for thrillers, comedies and dramas outside cineplexes.

5

dwell.com

The Great Toilet Rebrand

After decades of being treated like something that’s better left unnoticed, designers are making toilets fun again.

Tuesday03/12

1

figma.com

How AI will influence creative tools

Replit’s VP of Marketing and Design David Hoang talks about how AI is reshaping the future of product design and development.

2

pudding.cool

What Makes an Album the Greatest of All Time?

Examining 30 years of Rolling Stone’s “Greatest Albums of All Time” Rankings

3

linear.app

Rethinking the startup MVP: Building a competitive product

Today’s startup MVP is about iterating early to build the highest quality competitor to an existing idea, not validating a novel one.

4

danmall.com

Spine

A story of when I walked away from a good project.

5

404s.design

404s — gallery of error 404 page designs

404 pages, where joy and errors meet. A growing gallery of 404 page designs from around the internet.

Monday03/11

1

web.dev

New to the web platform in February

Discover some of the interesting features that have landed in stable and beta web browsers during February 2024.

2

downpour.games

Downpour

Collage together photos, drawings and text, and then connect them into an interactive story.

3

kyleshevlin.com

No Outer Margin

It is an anti-pattern to add margin to the outermost element of a component.

4

metalab.com

Metalab: We make interfaces

A new portfolio site for Metalab.

5

adrianroselli.com

Jakob Has Jumped the Shark

The saga of Jakob Nielsen.

Friday03/08

1

adrianroselli.com

Techniques to Break Words

A few days ago Benjy Stanton asked about breaking long words in tables.

2

frontendmasters.com

Menus, toasts and more with the Popover API

Dropdowns, menus, tooltips, comboboxes, toasts — the popover attribute will make building a large variety of UI components easier.

3

stamen.com

Designing for all audiences: Mapping the future of food

What happens when weather events become the norm?

4

smashingmagazine.com

Modern CSS Tooltips And Speech Bubbles (Part 2)

Temani Afif explores different CSS techniques to create tooltip shapes.

5

clagnut.com

Retrofitting fluid typography

As part of my forthcoming Patterns Day talk I decided to rebuild the newly redesigned Creative Boom article page using Utopian fluid typography.

Browse Archives