The five best design links, every weekday

Thursday12/07

1

imperavi.com

User Interface Typography

Guide to designing better typography — from readability and choosing typefaces to modular scale, vertical rhythm and responsive type.

2

chriscoyier.net

HTML & CSS for a One-Time Password Input

You know those One Time Password inputs? Typically 4 or 6 numbers.

3

danielraffel.me

Sonic Garbage

Every time someone visits, Sonic Garbage performs a YouTube search with randomly generated phrases.

4

cloudfour.com

HTML Web Components Are Having a Moment

Everyone’s talking about HTML Web Components, and I think it’s the start of something magical!

5

deepmind.google

Gemini - Google DeepMind

Gemini is built from the ground up for multimodality — reasoning seamlessly across image, video, audio, and code.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Wednesday12/06

1

uxdesign.cc

Is the flat design trend finally over?

Designers might be at a crossroads with flat design and more detailed and three-dimensional design elements.

2

printmag.com

Pentagram’s Brand Refresh of Reddit as the “Heart of the Internet”

Amelia Nash interviews Pentagram’s Natasha Jen on the Reddit brand refresh.

3

tiktok.com

Oatly Ads

Oatly’s forced perspective ads in Paris were loved by LinkedIn but not so much by the locals.

4

stylexjs.com

StyleX

The styling system that powers facebook.com.

5

astro.build

Astro 4.0

New APIs, faster builds, redesigned docs, and a unique new Dev Toolbar for Astro that enhances your local dev environment in new and exciting ways.

Tuesday12/05

1

creativeboom.com

The biggest trends in graphic design for 2024

The biggest trends in graphic design for 2024, as predicted by the creative industry.

2

mcsweeneys.net

Your 2023 WebMD Wrapped

A funny take on Spotify's end-of-year recaps.

3

uclab.fh-potsdam.de

ARETE — Visual History of the Latin Alphabet

Interactive visualization of the history of the latin alphabet, showing the temporal and formal relationships of the different scripts and typefaces.

4

lysterfieldlake.com

Lysterfield Lake — An AI Experiment

An interactive AI-generated 3D music video taken from a single feed of video shot on an iPhone.

5

readymag.com

Readymag Websites of the Year 2023

Vote for the best websites in Typography, Interactivity, Storytelling, Impact, and Self-promo categories before January 7, 2024.

Monday12/04

1

css-irl.info

Oh No, Overflow!

The overflow CSS property controls what happens when the stuff you put inside a box is bigger than the box itself.

2

tedium.co

10 Weird HTML Hacks That Shaped The Internet

From table hacks to CSS kludges, these are some of the techniques that helped web developers get their fancy pages on the internet.

3

htmhell.dev

You don’t need JavaScript for that

Please don't feel antagonized by the title of this article. I don't hate JavaScript, I love it. I write bucketloads of it every single day.

4

retool.com

Retool State of AI Report 2023

What models, infra, and apps are devs using and loving? What are AI’s real production use cases?

5

ralphammer.com

The Creative Playground

Have fun with drawing! Create yourself a creative playground we need a goal and rules.

Friday12/01

1

trstringer.com

The Lack of Compensation in Open Source Software is Unsustainable

Even though I’m a software engineer by trade, I’m also a computer programmer by hobby and passion.

2

stackdiary.com

One year of ChatGPT

It has been exactly 365 days since OpenAI casually dropped ChatGPT.

3

pentagram.com

Reddit Rebrand

Brand identity transformation for the “heart of the internet.”

4

medium.com

An updated illustration style for Document Cloud

Untying the trefoil knot icon to create a visual language of continuous motion.

5

trends.uxdesign.cc

The State of UX in 2024

From design tools, to our design process, to the user behaviors that will change the way we design — a list of what to expect for UX in the new year.

Thursday11/30

1

medium.com

Behind the scenes of creating a new Web Accessibility Annotation Kit

We want to share how we built these tools and the insights we learned along the way.

2

authkit.com

AuthKit by WorkOS

A fully-featured UI component system for building authentication flows into your app.

3

marbla.de

Marbla

Marbla is an experimental display typeface exploring the possibilities of variable fonts to change the mood and personality of a typeface.

4

evilmartians.com

Care beyond code: 7 best design practices for frontend developers

Frontend can be about more than just code—we’re also the last bastion when helping our team defend against pesky design slip-ups!

5

css-hooks.com

CSS Hooks

Inline styles doing what we thought they couldn’t: State-driven styling, dark mode, and more.

Wednesday11/29

1

smashingmagazine.com

Crafting A Killer Brand Identity For A Digital Product

In this article, Sasha guides you through crucial processes and factors to achieve a consistent brand presence across platforms.

2

nngroup.com

Cookie Permissions 101

Cookie permissions need to follow the law and strike the balance between respecting user privacy and being user-friendly.

3

chriscoyier.net

The `hanging-punctuation property` in CSS

The hanging-punctuation property in CSS is almost a no-brainer.

4

brickception.xyz

Brickception

A fun take on the classic bricks breakout game with popup windows!

5

matejlatin.com

Designer layoff stories

Retaliation, targeted eliminations, legal disputes, and other horror stories from the tech industry. Are you next? How can you prepare?

Browse Archives