The five best design links, every weekday

Thursday06/01

1

newsroom.tiktok.com

Introducing TikTok Sans: TikTok’s new bespoke typeface

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

2

cs.uwaterloo.ca

Slide to Unlock

A deceptively tricky game that will challenge your motor skills.

3

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.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

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.

Wednesday05/24

1

medium.com

Microsoft Power Pages and the age of low-code no-code

The design thinking behind a new website building experience.

2

uxdesign.cc

AR design: harnessing the magic, mitigating the danger

AR designers and creators are today’s magicians. Here’s what they need to know to re-enchant the world.

3

uxdesign.cc

Raising capital for inclusive design

We all have the ability to design a better inclusive world, by raising the right forms of capital around us.

4

developer.apple.com

Apple Design Awards

Discover the finalists of 2023, honoring excellence in innovation, ingenuity, and technical achievement in app and game design.

5

cnet.com

Everything I Learned Testing Photoshop’s New Generative AI Tool

Adobe’s Firefly AI feature brings new fun and fakery to photos. It’s a huge change for image editing, though far from perfect.

Tuesday05/23

1

uxdesign.cc

Accessible video game design

Accessible game design is beneficial to everyone.

2

samwho.dev

Memory Allocation

A visual introduction to memory allocation.

Browse Archives