The five best design links, every weekday

Friday07/23

1

smashingmagazine.com

Color Tools And Resources

Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately.

2

chrisannetts.com

Improving the Tesco Loan Calculator

Even the best web forms can be improved. I've reviewed the Tesco Bank Loan Calculator, and have made some suggestions on what I would do to refine it.

3

web.dev

The performance effects of too much lazy-loading

Eagerly loading images within the initial viewport—while liberally lazy-loading the rest—can improve Web Vitals while loading fewer bytes.

4

prototypr.io

Are UI/UX Tips the New Clickbait for Designers?✨

UI Tips are everywhere - Do’s and Don’ts of UI Design. Are they misleading beginners?

5

anniversary.archive.org

Looking Wayback: Internet Archive 25th Anniversary

A journey from way back to way forward, through the pivotal moments when knowledge became more accessible for all.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday07/22

1

bugherd.com

Want a better way to get website feedback?Sponsored

Try BugHerd - Pin tasks to the page and capture screenshots, video and technical information like browser and operating systems. It’s almost too easy.

2

css-tricks.com

Typewriter Animation That Handles Anything You Throw at It

I watched Kevin Powell’s video where he was able to recreate a nice typewriter-like animation using CSS.

3

uxdesign.cc

How will long-Covid change the accessibility landscape?

Long-Covid manifests in different ways with different people.

4

a11yproject.com

Quick tip: Everyday Accessibility

Make your social media, digital document, and multimedia content more accessible with these quick and practical steps.

5

ishadeed.com

Comparing Design Mockups To Code Result

How to compare the design and the code result in CSS to achieve consistency.

Wednesday07/21

1

designsystemssurvey.seesparkbox.com

The 2021 Design Systems Survey

This year, we delve into design system priorities and challenges, including adoption, contribution, and debt.

2

christianheilmann.com

The accessibility stalemate

A lot of excellent accessibility advice never gets distributed beyond the initial audience.

3

makerstations.io

Maker Stations

Explore home office setups from makers across the globe.

4

marcandrew.me

UI & UX Micro-Tips: Volume Seven

In this follow-up article I’ve brought you another selection of easy to put into practice UI & UX micro-tips.

5

mymodernmet.com

“Guerilla Greening” Imagines Major Cities as Vibrant Urban Forests

WATG is reimagining what urban centers would look like if they underwent intensive ecological transformation.

Tuesday07/20

1

joshwcomeau.com

How To Learn Stuff Quickly

As software developers, we’re always learning new things; it’s practically the whole gig!

2

unicodearrows.com

Unicode Arrows

Jewelry of the best part of the unicode spec ↫

3

baselinehq.com

This Colorblind Designer Says: Please Stop Using Red And Green Together

Colorblindness affects around 1 in 100 people. So why are so many interfaces still problematic for colorblind users, and how can designers help?

4

medium.com

An illustration style that speaks for Indeed

Building meaning and connecting with our audience through this expressive visual medium.

5

medium.com

Emotionality at work

Why we refreshed our 1800+ emoji to support the new landscape of work.

Monday07/19

1

getstream.io

Free Chat/Messaging UI Kits for Your Website or App Sponsored

Stream Chat makes it easy to add a powerful messaging experience to any dev project, with free UI kit downloads and customizable components.

2

wh0.github.io

SVG Glitter Text

I have glitter text! I made it myself in SVG. And I can make you one too.

3

theprintshop.club

The Print Shop

This site emulates the classic Apple II software and lets you download/print out the results.

4

hicks.design

Bryan Font

The story of how I came to make a font of my late father’s distinctive handwriting. A typographic homage and a labour of love.

5

link.medium.com

Pawfect - Pet Adoption App

This is the case study I submitted as part of a design hiring assignment.Q

Friday07/16

1

setups.co

Setups

A growing catalog of workspaces, items and tools from the creator community.

2

protocol.com

The ugly, geeky war for web privacy is playing out in the W3C

The inside story of how the World Wide Web Consortium became a key battleground in the global fight for web privacy.

3

gridless.design

Gridless.design

Get rid of the grid!

4

uxdesign.cc

Where did this interaction come from?  —  a brief history of interaction design

Elaborating on some of the key origins of the notions of interaction design.

5

gra.dient.art

GradientArt: Advanced CSS Gradient Editor

Advanced CSS Gradient Editor with layers, editing tools and free cloud storage

Thursday07/15

1

the-brandidentity.com

Superior Type on the business of type design

And how to stand out from the “flood of new fonts”.

2

css-tricks.com

Build Complex CSS Transitions using Custom Properties and cubic-bezier()

I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions.

3

baymard.com

The Current State of Homepage UX – 8 Common Pitfalls

Our latest Homepage UX benchmark reveals that even given the generally decent performance of e-commerce sites, there’s still room for improvements.

4

smashingmagazine.com

Frustrating Design Patterns: Broken Filters

Dealing with filters can be frustrating. Let’s fix that: never freeze the UI, provide text input fallback and never auto-scroll users.

5

cloudfour.com

A Bashful Button Worth $8 Million

My father-in-law loves the Olive Garden. So of course that’s what we offered to bring for our first post-vaccination meal.

Browse Archives