The five best design links, every weekday

Monday04/12

1

getstream.io

Build in-app chat for your app in hours.Sponsored

Stream’s Mobile Chat Kit for Figma, Sketch, Flutter, RN, iOS, and Android. The UI is customizable, supports six platforms, & has full offline support.

2

uxdesign.cc

What 21st-century design looks like

Don Norman and decolonial design.

3

cassie.codes

Swipey Image Grids

SVG isn’t just useful for illustrative animation. It’s hella handy for UI too.

4

storybook.js.org

How to actually test UIs

Testing techniques used by leading engineering teams

5

kittygiraudel.com

CSS Pie Timer Revisited

Almost 9 years ago, I wrote about making a pure CSS pie timer. It’s something I struggled with and was very proud of solving at the time.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Friday04/09

1

kittygiraudel.com

An accessible toggle

Toggles (or sometimes “toggle switches”) are heavily used in modern interfaces.

2

baymard.com

The Current State of Mobile UX (18 Common Pitfalls)

Our latest benchmark of Mobile UX reveals that 52% of e-commerce sites still have severe mobile UX issues.

3

uxdesign.cc

Measuring design debt

In this piece, we’ll dive into the topic of measuring design debt.

4

css-irl.info

Paper Snowflakes: Combining Clipping and Masking in CSS

Just after Christmas I made a fun little Codepen demo recreating realistic-looking paper snowflakes in CSS, inspired by our homemade decorations!

5

kaboomjs.com

Kaboom.js

Kaboom.js (beta) is a JavaScript library that helps you make games fast and fun!

Thursday04/08

1

svelte.dev

SvelteKit is in public beta

And we’d love to have your feedback.

2

ishadeed.com

Inspect Element As A Way To Increase Your Curiosity

One of the best gifts we have as front-end developers is inspect element.

3

uxtools.co

UX Design Challenges

A set of challenges to practice UX design skills.

4

blog.jim-nielsen.com

CSS Is, In Fact, Awesome

This is the power of CSS. It gives you options. Use them or don’t.

5

raw.studio

Case Study: The Evolution of Google Maps & Colour Picking Methodology

Since Google Maps launched 15 years ago, they have revolutionised the world of digital maps and now help over one billion users get from A to B

Wednesday04/07

1

vox.com

Dark patterns, the tricks websites use to make you say yes, explained

How design can manipulate and coerce you online.

2

hackaday.com

Hershey Fonts: Not Chocolate, The Origin Of Vector Lettering

Over the past few years, I kept bumping into something called Hershey fonts.

3

esoteric.codes

Esoteric.codes

Languages, platforms, and systems that break from the norms of computing

4

jaredhill.co

Designers: mind your language

I sometimes wonder how the design community have been able to create a such an unapproachable profession.

5

mxb.dev

Space Jam

The iconic 1996 "Space Jam" website was recently relaunched to promote the new movie.

Tuesday04/06

1

theatlantic.com

NFTs Weren’t Supposed to End Like This

When we invented non-fungible tokens, we were trying to protect artists. But tech-world opportunism has struck again.

2

nngroup.com

Sticky Headers: 5 Ways to Make Them Better

Persistent headers can be useful to users if they are unobtrusive, high-contrast, minimally animated, and fit user needs.

3

tosche.net

Ink Traps and Pals

A look at ink traps (enhanced edges of inside corners in things like typefaces, logos for print) and related techniques including digital light traps.

4

chenhuijing.com

Understanding browser cookies 🍪

Even though I’ve been doing web things for a while now, I confess I had never dealt with browser cookies other than clicking cookie notifications.

5

gregjeanneau.com

Embrace imperfection to design with character

Imperfections are usually something we try to hide, but there are some great examples where they have been turned into decisive strengths.

Monday04/05

1

go.thoughtleaders.io

Grab a FREE .design domain name to showcase your designsSponsored

A .design domain name allows you to create a more elegant URL for your portfolio or website. Get 1 year completely free today.

2

uxdesign.cc

The anatomy of a design trend

A discussion of the theory of design trends with sample trends in Industrial Design, Interface Design, and User Experience.

3

callumhart.com

CSS Variables That Mimic Chameleons

Choosing CSS variable names that adapt to different contexts.

4

tejas-bhatt.medium.com

The Sans Selection

While designing FiftyTwo, we intently searched for a sans-serif typeface. This post talks about the character of typefaces, pricing, and the winner.

5

figma.com

Launching (fun) lists in Figma

Take notes, provide context, and outline next steps in Figma.

Friday04/02

1

moderncss.dev

Developing For Imperfect: Future Proofing CSS Styles

How do we plan future-proof styles in a world with an infinite degree of device and user ability variance?

2

weareskribbl.com

Skribbl

Free, hand-drawn illustrations brought to you by a growing community of aspiring creatives.

3

sarasoueidan.com

Redesigning and rebuilding my Web site from the ground up

It’s about time my Web site got a complete makeover. It’s going to be more than just a fresh coat of paint.

4

piccalil.li

Container Queries are actually coming

After years of asking and memes, we’re finally getting container queries and they will transform UI design, just like media queries did.

5

storybook.js.org

Storybook 6.2 just shipped

Lots of new features and integrations to future-proof component development.

Browse Archives