The five best design links, every weekday

Category: Javascript

All Categories

lea.verou.me

The case for Weak Dependencies in JS

One issue with ESM (and other module systems) is that you can't have optional dependencies.

joshwcomeau.com

Boop!

Sometime a simple state change on mouse-enter doesn't quite work. Instead, what if the icons only popped over to their hover state for a brief moment?

joshwcomeau.com

JavaScript Operator Lookup

Enter a JavaScript operator to learn more about it.

joshwcomeau.com

Building a Modern-Day Hit Counter

I’ve spilled a lot of digital ink on this blog talking about the magic of compile-time workflows , using tools like Gatsby to build rich…

webcomponents.dev

All the Ways to Make a Web Component

Compare coding style, bundle size and performance of 33 different ways to make a Web Component.

stitches.dev

Stitches

The modern CSS-in-JS libary. By Modulz

componentdriven.org

Component Driven User Interfaces

How modularity is transforming design and frontend development

frankforce.com

1Keys – How I Made a Piano in only 1kb of JavaScript

The legendary JavaScript competition JS1k was thought to have ended, but it has risen from it’s ashes in the form of JS1024!

medium.com

Storybook 6.0

The 6.0 release retools Storybook for professional frontend developers.

kilianvalkhof.com

Supercharging <input type=number>

How to supercharge your <input type=number> so users can increment or decrement by 1, 10, 100 or 0.1 by pressing modifier keys.

css-tricks.com

Style9: build-time CSS-in-JS

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

xfive.co

Trusted Development Partner for Your Creative AgencySponsored

For the past 15 years we’ve been helping creatives bring their visions to life. Get a trusted and experienced development partner for your agency.

medium.com

Storybook Controls - Live edit UI components with no code

Controls allows you to dynamically edit a UI component’s inputs without touching code. Made for rapid component experimentation.

bugherd.com

Banish email trails and feedback spreadsheets forever with BugHerdSponsored

Capture, collaborate and communicate on website feedback wherever you work. BugHerd pins feedback and bugs directly to the page you’re working on.

medium.com

Introducing Storybook Args - A faster way to document UI components

"Args" makes writing stories for UI components easier and more maintainable by separating a story’s data from the display logic.

tholman.com

Elevator.js

Are you sick of clicking ‘back to top’ buttons on websites, and being lifted to the top without a real elevator experience?

medium.com

Storybook Composition – combine Storybooks into one design system

Browse components from any Storybook inside your local Storybook. Works across frameworks. Made for design systems. Coming soon to 6.0

cindyjs.org

CindyJS

CindyJS is a framework to create interactive (mathematical) content for the web.

3perf.com

Case study: Analyzing Notion app performance

Having a quick app is more important than ever.

livecodestream.dev

Stranger Things, JavaScript Edition

Today we are going to make a special post dedicated to those weird JavaScript moments, where things behave a little bit strange.