The five best design links, every weekday

Friday08/07

1

ishadeed.com

Digging Into the Flex Property

Have you ever wondered about how the CSS flex property works?

2

components.ai

Generative Logo Design

When we first set out to design a logo for Components AI, we naturally gravitated towards generative concepts.

3

web.dev

content-visibility: the new CSS property that boosts your rendering performance

The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content.

4

figma.com

Behind the feature: shedding light on shadow spread

An engineer’s journey making hard decisions about (seemingly) simple feature requests

The Sidebar Newsletter

5 Design Links in Your Inbox Every Weekday

Thursday08/06

1

css-tricks.com

Web History Chapter 1: Birth

Tim Berners-Lee is fascinated with information. It has been his life’s work.

2

thisthat.dev

This vs That

What is the difference between this & that in front-end development?

3

rambly.app

Rambly - The Audioconference App To Walk And Talk With Friends

Rambly is a virtual space for events like happy hours, parties, and meetups.

4

css-irl.info

Drop-Shadow: The Underrated CSS Filter

If you’re familiar with CSS, you probably know all about the box-shadow property.

5

fastcompany.com

NASA’s ‘worm’ logo lay dormant for 28 years.

So why are people so obsessed with it?

Wednesday08/05

1

fuse.blog

Fuse - Interesting Internet

A growing collection of creative reference and entertainment.

2

uxdesign.cc

Future Thieving #2 — Speculative design methods and tools

Combining science fiction world-building techniques with design to discover unseen potential futures.

3

css-tricks.com

A Lightweight Masonry Solution

Back in May, I learned about Firefox adding masonry to CSS grid.

4

nngroup.com

Proximity Principle in Visual Design

Design elements near each other are perceived as related, while elements spaced apart are perceived as belonging to separate groups.

5

medium.com

Form design best practices

Learn how to improve the design of digital forms

Tuesday08/04

1

designedbycave.co.uk

The UX of LEGO Interface Panels

Piloting an ocean exploration ship or Martian research shuttle is serious business. Let’s hope the control panel is up to scratch.

2

fastcompany.com

Meet the YouTuber who’s schooling developers on how blind people really use tech

Kristy Viers is here to show the world how you use a phone when you cannot see.

3

css-tricks.com

The Making of: Netlify’s Million Devs SVG Animation Site

The following article captures the process of building the Million Developers microsite for Netlify.

4

frictionlog.com

What is a “Friction Log”?

A friction log is a type of UX experiment where the subject journals their feelings, thoughts, struggles, joys, and any other type of emotion.

5

adamwathan.me

Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business

The story of how a bunch of how a couple of failed SaaS ideas and a bunch of ugly Less stylesheets turned into my life’s work.

Monday08/03

1

themes.muffingroup.com

Be: 500+ pre-built websites for ANY kind of projectSponsored

Now comes with Elementor and dedicated Elementor pre-built websites.

2

underconsideration.com

R’over the Moon

New Logo for Mars2020 by House of van Schneider.

3

their.tube

TheirTube

How do the recommended videos look on their Youtube home page?

4

css-tricks.com

Getting the Most Out of Variable Fonts on Google Fonts

I have spent the past several years working on a font family called Recursive Sans & Mono, and it just launched officially on Google Fonts!

5

matthewstrom.com

The things of everyday design

Understanding affordances leads to better conversations about design.

Friday07/31

1

medium.com

Playing Tabletop RPGs via Figma

It's the question everyone' asking about Figma: Can you use it to play tabletop RPG's with your friends online? Well, you can, and it's pretty cool.

2

codepen.io

Mandala Maker

Make mandalas and other geometric shapes in your browser.

3

wattenberger.com

What does 100% mean in CSS?

Spoiler: it depends.

4

vanschneider.com

NASA Mars 2020 Mission — Logo & Identity

A symbol capturing the energy and legacy of space travel, while celebrating the engineers who worked tirelessly on this mission.

5

teenyicons.com

Teenyicons — Tiny minimal 1px icons

An elegant icon set by Anja van Staden with more than a thousand icons.

Thursday07/30

1

pudding.cool

Defining the ’90s Music Canon

Quantifying the songs that will characterize the ’90s

2

fastcompany.com

Jokes aside, is the new Space Force logo any good? 5 design experts weigh in

Despite the obvious Star Trek comparisons, can the Space Force logo stand on its own?

3

stephaniewalter.design

Designing Adaptive Components, Beyond Responsive Breakpoints

Designing systems of components that adapt to responsive layouts, containers, work with different content states & adapt to user needs, behaviour.

4

streamlineicons.com

Streamline UX - 19,500 vector illustrations

The world’s largest vector illustration pack

5

css-tricks.com

Style9: build-time CSS-in-JS

In April of last year, Facebook revealed its big new redesign.

Wednesday07/29

1

medium.com

100 Days of 3D

It was a rainy weekend in Seattle. I drank some tea, watched a YouTube tutorial, and downloaded Blender 2.79.

Browse Archives