The five best design links, every weekday

Category: Javascript

All Categories

codingfantasy.com

Coding Fantasy: Learn CSS, HTML & JavaScript by Playing Coding Games

No more boring lectures, videos and courses. Learn to code in a fun, fast and effective way.

trekhleb.dev

Content-aware image resizing in JavaScript

JavaScript implementation of so-called Seam Carving algorithm for the content-aware image resizing and object removal. A dynamic programming approach.

natto.dev

Natto.dev

Interactive JavaScript space.

wired.com

The Healing Power of JavaScript

For some of us—isolates, happy in the dark—code is therapy, an escape and a path to hope in a troubled world.

kaboomjs.com

Kaboom.js

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

trekhleb.dev

Gyro-web: Accessing the device orientation in JavaScript

Accessing the device orientation using React hook, and rotating a CSS 3D cube afterward.

epicreact.dev

Use CSS Variables instead of React Context

How and why you should use CSS variables (custom properties) for theming instead of React context.

dev.to

21 Bad Front-End Habits to Drop in 2021

Forget the gym, here are some resolutions you’ll actually keep

humaan.com

Creating comic book speech bubbles with SVG and javascript

Webcomics traditionally include speech bubbles as part of the image. Today we explore whether it could be done using SVG and javascript.

2020.stateofjs.com

The State of JavaScript 2020

The annual survey about the latest trends in the JavaScript ecosystem.

browserlondon.com

Front-end predictions for 2021 and beyond

Jay Freestone examines trends and technologies that will shape web development this year.

ryanfiller.com

Automatic Social Share Images

Generating social share images with a serverless function and headless browser

letsbuildui.dev

Reducing Motion in Animations

Learn a few ways to implement alternate animations in CSS and Javascript.

hotwire.dev

Hotwire - HTML Over The Wire

An alternative web app development approach from the team at Basecamp without using much JavaScript, by sending HTML instead of JSON over the wire

storybook.js.org

Revamping Storybook’s addon ecosystem

Addon Catalog beta with updated documentation.

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.