The five best design links, every weekday

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.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

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.

Friday05/26

1

creativeboom.com

How to Design Fonts

Has Blaze Type created the most accessible typography guide?

2

w3.org

W3C launches beta of its new website

Today we launched a beta version of the redesign of our website.

3

blog.jim-nielsen.com

Single Line Comments in CSS

Brad Westfall reminded me of a Sass feature that is probably the one I miss the most every single time I write vanilla CSS.

4

blog.thunderbird.net

Introducing The Brand New Thunderbird Logo

We asked Jon Hicks, creator of the original Firefox and Thunderbird logos, to re-imagine his iconic design in light of our exciting future.

5

fluent2.microsoft.design

Fluent 2 Design System

Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever.

Thursday05/25

1

ericwbailey.website

display: contents considered harmful

display: contents has a long and storied history when it comes to accessibility.

2

abc.net.au

Find out what data is available about you online

Have you ever wondered how much of your personal information is available online? Here’s your chance to find out.

3

bjango.com

Shape builder vs pathfinder

In Adobe Illustrator, the shape builder tool and the pathfinder panel can both add and and subtract segments of overlapping shapes.

4

rauno.me

Graph Slider

Moving an element along a given path

5

motion.zajno.com

Motion

Motion is a website that showcases the power of UI/UX animation in conveying the mood and character of a brand.

Browse Archives