The five best design links, every weekday

Tuesday03/28

1

christianheilmann.com

WYSIWYGPT

One of the GPT-4 demos made a massive splash: painting a web app on a napkin and getting the “AI” to create the HTML, CSS and JS to make it work.

2

scottohara.me

The Search Element

The HTML specification added a new grouping content element: the search element.

3

adrianroselli.com

CSS-only Widgets Are Inaccessible

Interactive widgets powered with only CSS are relatively common.

4

geoffreylitt.com

Malleable software in the age of LLMs

All computer users may soon have the ability to author small bits of code.

5

youtube.com

Everything is a Remix

The complete updated 2023 edition of the classic video essay.

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Monday03/27

1

uxpin.com

Fluent UI: Build code-based & fully functional prototypesSponsored

Design prototypes with 70+ interactive Fluent UI components that can be reused across teams. Build products faster. Try it for free.

2

material.io

Introducing Tone-based Surfaces in Material 3

New surface color roles offer more flexibility for large screens and rich color features.

3

flectofy.flecto.io

Flectofy

A funky SVG shape generator.

4

ericwbailey.website

Sabbath mode and assistive technology features

There’s a secret mode that comes with almost all large ovens, refrigerators, dishwashers, and other large kitchen appliances.

5

uxdesign.cc

Why is JARVIS the only male AI?

Why was JARVIS the only male-coded AI in Tony Stark’s arsenal? Why is it that most AI are female-coded?

Friday03/24

1

kottke.org

A Potential Major Discovery: An Aperiodic Monotile

A single shape that can cover a two-dimensional space with a pattern that never repeats itself exactly.

2

uxdesign.cc

3 lessons from Bumble’s onboarding

An early activation and monetisation masterclass (or is it?)

3

medium.com

Microsoft Loop and the Future of Collaborative Experiences

The design thinking and user research that turned into Microsoft Loop.

4

type.land

Amifer Folio

Custom type for Shakespeare’s globe.

5

openai.com

ChatGPT Plugins

We’ve implemented initial support for plugins in ChatGPT.

Thursday03/23

1

github.com

Introducing GitHub Copilot X

GitHub Copilot X is our vision for the future of AI-powered software development.

2

curbed.com

Why Is NYC’s New Tourism Logo Shouting at Me?

It doesn’t say ‘Welcome,’ it yells “STOP!”

3

nightingaledvs.com

A Eulogy for Dark Sky, a Data Visualization Masterpiece

A deep look at how the Dark Sky weather app used simple but highly effective charts to report and contextualize the weather.

4

scottohara.me

Visually hidden content is a hack that needs to be resolved, not enshrined

The reasons one would visually hide content in the development of a website is generally to include extra content for accessibility.

5

blog.tubikstudio.com

Case Study: Nibble Health. Identity and UX Design for Healthcare Fintech Service

Check the creative story of brand identity and UX design for NibbleHealth, a healthcare operating system eliminating financial barriers to great care

Wednesday03/22

1

iangmcdowell.com

Laying Out a Print Book With CSS

In which I embark on a quixotic quest to make a physical book using web rendering technology.

2

doc.cc

Inclusivity should not be W.E.I.R.D: long-lasting inclusive technology

We can change history by enlightening the dark corners of technology.

3

reuters.com

Why California is still in drought despite heavy rain and snow

The golden state is stuck in a years-long, ongoing drought.

4

growth.design

The Psychology Behind Loom’s Explosive Growth

Learn the 7 psychology principles that helped Loom to grow from zero to tech unicorn in record time.

5

medium.com

Designing Zenly: Part I

Hello, I’m Julien, former Head of Design at Zenly. I’ve been wanting to do this for a while.

Tuesday03/21

1

chriscoyier.net

Why aren’t logical properties taking over everything?

They are just better than their non-logical counterparts.

2

kottke.org

Alien Worlds - Macro Photos of Fungi and Slime Molds

Incredible close-up shots of fungi and slime molds by photographer and amateur mycologist Max Mudie.

3

mobilespoon.net

Same data, different stories: How to manipulate graphs to support your narrative

The dark art of manipulating graphs to better support your story, without losing your credibility.

4

smashingmagazine.com

Free Fonts For Interface Designers

Beautiful, well-crafted fonts for headings and body text that you probably haven’t spotted before. Free for personal and commercial use.

5

joshwcomeau.com

The End of Front-End Development

Large language models like GPT-4 are becoming increasingly capable, at an alarming rate.

Monday03/20

1

chasem.co

How blogs shaped the web

I have a lot of nostalgia for the era of blogging that I grew up with during the first decade or so of the 2000s.

2

uxdesign.cc

As a user, I don’t want to

Task-oriented user stories mix up customer value with cost. But they are easy to turn into a tool for thinking bigger.

3

shapes.framer.website

Copy-Paste SVG Shapes

Simply click on a shape to copy its SVG code to your clipboard.

4

make-bookmarklets.com

Make Bookmarklets

A bookmarklet generator which is clean and easy to use. Create and test bookmarklets in your browser.

5

shopify.github.io

Could we make the web more immersive using a simple optical illusion?

In the history of mind-blowing tech demos there is one that stands out, and that is Johnny Lee’s Wii Remote hack to create VR displays.

Browse Archives