The five best design links, every weekday

Friday10/22

1

code.visualstudio.com

Visual Studio Code for the Web

Announcing vscode.dev, Visual Studio Code for the Web.

2

css-tricks.com

The CSS-in-React Landscape

I only half-jokingly refer to the CSS-in-JS world as CSS-in-React.

3

buttoncheatsheet.com

The Button Cheat Sheet

Do you need a button for your next project but you’re not sure about the right markup? Don’t worry, we’ve got you covered!

4

focus.hteumeuleu.com

Hocus :focus

A keyboard navigation horror game. Find the 🎃 pumpkin.

5

healeycodes.com

DOOM Rendered via Checkboxes

WebAssembly meets 16000 HTML checkboxes.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday10/21

1

bradfrost.com

“Dark Mode” vs “Inverted”

In design system work we often run into the need to clarify the difference between “dark mode” and “components rendered on a dark background”.

2

ctrl.blog

Improving the New York Times’ line wrap balancer

Web browsers don’t yet support (text-wrap: balance). Adobe and the NYTimes have offer free JavaScript alternatives.

3

marvel-or-font.web.app

Marvel Character or Font?

Can you tell the difference? A very important quiz.

4

iconmap.io

We Analyzed 425,909 Favicons

A look at the favicons, Apple touch icons, manifest icons, and image formats, HTML and colors behind the URLs of the world's top sites.

5

lorem.space

Lorem.space - placeholder image generator

An image placeholder generator tool with categories so that the images are actually useful an related to your theme.

Wednesday10/20

1

whyisthisinteresting.substack.com

The Key Art Edition

Open your favorite streaming service, and you’ll see rows of key art, neatly regimented in grid formation.

2

zachleat.com

The Art of Deception, Lighthouse Score Edition

Some folks are talking about Lighthouse scores in a way that is—in my opinion—not as forthright as it could be (intentionally or not).

3

uxdesign.cc

How design debt can hurt your product

Explore the 5 most common reasons why digital products accumulate design debt with each iteration.

4

uxdesign.cc

The best 2021 podcasts to level up your design game

One of the biggest truths is that good design is not only about applying best practices or following a good thinking framework.

5

uxtools.co

Take the 2021 Design Tools Survey

Share your tools and workflows with thousands of other designers in the annual Design Tools Survey.

Tuesday10/19

1

push-conference.com

This Thursday, hundreds of UX friends gather at PUSH UX 2021Sponsored

Join us online! Two days of inspiration around UX and designing responsibly. Speakers include Indi Young, Andy Budd, Daniel Burka and many more.

2

daverupert.com

HTML with Superpowers

Exploring what web components offer via the Shadow DOM and that you can use them standalone without frameworks, build tools, or package managers.

3

web.dev

Building a multi-select component

A foundational overview of how to build a responsive, adaptive, and accessible, multiselect component for sort and filter user experiences.

4

nordhealth.design

Nord Design System

Design, build, and ship coherent experiences with Nordhealth’s design system.

5

thomaspark.co

CSS Squid Game

Challenges from the series Squid Game recreated in pure CSS — without the help of JavaScript.

Monday10/18

1

webflow.com

15 Latinx and Hispanic designers to watch

Let’s celebrate Hispanic Heritage Month with some amazing designers.

2

baymard.com

Accessibility for E-Commerce: 3 Best Practices For Navigational Links

73% of sites have links that may be inaccessible to users with visual impairments and others aided by screen readers.

3

uxdesign.cc

An ode to oddly satisfying product experiences

As a digital brand experience designer and marketer, I’m constantly thinking of things that need a UX makeover.

4

webinuse.com

CSS Units Guide, everything you need to know

CSS units for width, height and length are one of the core pillars of responsive design.

5

smashingmagazine.com

Smart CSS Solutions For Common UI Challenges

Useful CSS techniques for better shadows, paper cut-out effect, the minimap, conditional border-radius, CSS grainy gradients and others.

Friday10/15

1

js13kgames.com

Js13kGames Winner

Js13kGames is a JavaScript coding competition for HTML5 game developers.

2

nytimes.com

This Is How Everyday Sexism Could Stop You From Getting That Promotion

Even a tiny bit of gender bias can change the trajectory of a career.

3

nhm.ac.uk

Wildlife Photographer of the Year

Browse the WPY winning images in our immersive gallery.

4

kentcdodds.com

How I built a modern website in 2021

I rewrote kentcdodds.com using the latest technologies and I want to talk about what I did.

5

jakearchibald.com

How to win at CORS

The ‘how’ and ‘why’ of CORS, from start to finish, including an interactive CORS playground!

Thursday10/14

1

itsnicethat.com

Sharp Type co-founders on navigating the aesthetic zeitgeist of typography

We sat down with Chantra Malee and Lucas Sharp of Sharp Type to discuss trends in type design, building a rapport with clients, and more.

2

medium.com

Building a brand identity for the world’s largest community

The Facebook app brand is built on the core belief that people can do more together than alone.

3

css-tricks.com

CSS is Going Gosh-Darned Hog Wild, I Tell Ya What

As someone just sittin’ back watching CSS evolve, it feels like we’re at one of the hottest moments of innovation in CSS history.

4

yatil.net

Buttons vs. Links

Should some links look like buttons, or should some buttons look like links?

5

r3f-gradient.netlify.app

Mesh and Light Gradients - Real Time and Interactive

Create Stripe-like Animated Gradients

Browse Archives