The five best design links, every weekday

Tuesday06/06

1

badgers.space

SpaceBadgers

Fast and clean SVG badges.

2

nngroup.com

Skeleton Screens 101

A skeleton screen is used as a placeholder while users wait for a page to load.

3

smashingmagazine.com

Advanced Form Control Styling With Selectmenu And Anchoring API

Thanks to the Open UI working community group, there’s a new element on the horizon, selectmenu.

4

apple.com

Apple Vision Pro

Apple Vision Pro seamlessly blends digital content with your physical space.

5

illusionoftheyear.com

2023 Best Illusion of the Year Contest Winners

Some impressive and very cool visual and audio illusions.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday06/05

1

chrbutler.com

How to Adapt Long-Page Designs for Better Scanning

The longer your page, the harder it is to scan.

2

nray.dev

300ms Faster: Reducing Wikipedia’s Total Blocking Time

How two simple steps improved the responsiveness of Wikipedia’s mobile site.

3

rooms.xyz

Rooms.xyz

Create & remix interactive rooms from your browser

4

webflow.com

How Nike became the brand to imitate

Lessons marketers can take from studying one of the world’s most iconic brands

5

arun.is

Make Something Wonderful

A review of the physical and digital editions of Make Something Wonderful, a book dedicated to the words of Steve Jobs.

Friday06/02

1

logodesignlove.com

Flipper Taps logo, by Red Dot Studio

The Flipper Taps logo takes the form of a hero F symbol. The design is used across stationery, packaging, and engraved on the product.

2

web.dev

New to the web platform in May

Discover some of the interesting features that landed in stable and beta web browsers during May 2023.

3

danmall.com

Artificial Intelligence & Humanity

What I rely on AI for—and what I don’t.

4

theindex.website

The Index

A curated online gallery with the best design studios, designers, type foundries, and other creatives worldwide.

5

punchdrink.com

Craft Beer’s “Drink Me If You Dare” Aesthetic Is Over

5 of the best pilsners that exemplify craft beer design today, which has shifted from the metal IPA aesthetic to a more minimalist look.

Thursday06/01

1

the-brandidentity.com

Off Type

Much-loved Canadian foundry Pangram Pangram have unveiled Off Type, a new sister foundry.

2

workspaces.study

Workspaces – The future of macOS is people centered

Reinventing macOS for better collaboration and file management. Experience the future of digital workspaces and enhanced productivity.

3

newsroom.tiktok.com

Introducing TikTok Sans: TikTok’s new bespoke typeface

TikTok gets its own bespoke font, courtesy of Grilli Type.

4

cs.uwaterloo.ca

Slide to Unlock

A deceptively tricky game that will challenge your motor skills.

5

bjoernkarmann.dk

Paragraphica

Paragraphica is a context-to-image camera that uses location data and artificial intelligence to visualize a "photo" of a specific place and moment.

Wednesday05/31

1

adrianroselli.com

Brief Note on Popovers with Dialogs

This is me trying to get ahead of a potential issue for users when developers mix and match the patterns.

2

tympanus.net

UI Interactions & Animations Roundup #33

Get inspired with new motion designs and creative UI interactions in our newest roundup.

3

labs.eevennsoh.com

Labs - Ee Venn Soh

A space where I periodically explore the convergence of design, technology, and creativity.

4

scroll-driven-animations.style

Scroll-driven Animations

A bunch of demos and tools to show off Scroll-driven Animations.

5

minimoogmodeld.com

Mini Moog Factory

A fun piece of web design to learn more about the Mini Moog Model D.

Tuesday05/30

1

terrible-terms.online

Terrible Terms and Conditions

A compilation of stupid ideas for the Boston Stupid Hackathon 2023.

2

thegoodlineheight.com

The good line-height

Have you ever needed to spend extra time figuring out what should be the right line-height?

3

kodingkitty.com

Mastering CSS Blend Modes

CSS mix blend modes provide an easy, yet powerful way to create visually interesting designs.

4

engineering.kablamo.com.au

Everything You Want To Know About Media Queries and Responsive Design

Learn all about media queries, responsive design principles and techniques, and the mobile-first approach we take at Kablamo.

5

wptavern.com

WordPress Turns 20

WordPress is 20 years old today, an estimable milestone for open source software running on the web.

Monday05/29

1

proofofconcept.pub

Dynamic Interfaces

What if a UI could design itself?

2

github.com

Intel One Mono

Introducing Intel One Mono, an expressive monospaced font family that’s built with clarity, legibility, and the needs of developers in mind.

3

fullystacked.net

Using linear() for better animation

Using the linear() easing function with CSS transitions, animations and the JavaScript Web Animations API.

4

mikeaparicio.com

Why we’re bad at CSS

And how we can improve with a practical example.

5

developer.chrome.com

Introducing the popover API

Learn how to build tooltips, menus, and more with the new popover API.

Browse Archives