links.lmorchard.com - #js

HTMLcat — Compact notes on HTML, CSS, and JavaScript

Sat, 22 Aug 2026 04:47:53 +0000

small, native web tricks worth remembering

Tags: #html #js

argyleink/prop-for-that: what JS knows, now CSS knows

Sat, 20 Jun 2026 17:25:33 +0000

Sliders, pointer position, element visibility, viewport size, battery, network, sensors — JavaScript can read all of it; CSS can't. prop-for-that writes that runtime state into --live-* and --const-* custom properties — batched and diffed down to one setProperty per frame — so your CSS can compose and react to it with plain calc() and var().

Tags: #css #js #nifty #webdev

The handleEvent() method is the absolute best way to handle events in Web Components | Go Make Things

Fri, 19 Dec 2025 01:04:04 +0000

A bunch of people shared their own approaches, but the one that absolutely blew my mind was the handleEvent() method, a platform-native method for managing all of the events on your Web Component.

Tags: #customelements #js #web #webcomponents #webdev

Please Just Fucking Try HTMX

Fri, 19 Dec 2025 00:24:44 +0000

Look. I'm not going to call you a fucking moron every other sentence. That's been done. It's a whole genre now. And honestly? HTMX doesn't need me to scream at you to make its point.

Tags: #html #htmx #js #react #web #webdev

The Web Platform is a Triumph of Object-Oriented Programming | That HTML Blog

Thu, 18 Dec 2025 21:01:09 +0000

It’s not just that web APIs often take advantage of OOP. They would not exist without OOP! Virtually every web API you have ever used is designed specifically within the OOP paradigm. And every entity in the lifecycle of a web page is based on objects. These objects are instances of classes and in a great many cases these classes are subclasses of other classes. This means that key functionality is spread across a class hierarchy. That isn’t a bug, it’s a feature! And this means that it’s absurd to think that to write a web app you need to reach for a “framework”. The Web Platform is a framework.

Tags: #dom #html #js #web #webdev

Why use React? | Clearleft

Fri, 28 Nov 2025 01:13:03 +0000

This isn’t a rhetorical question. I genuinely want to know why developers choose to build websites using React.

Tags: #js #react #webdev

Lea Verou, PhD: "The #JS utility you never knew…" - Front-End Social

Sat, 08 Nov 2025 18:26:39 +0000

// util.js export const createSymbols = new Proxy({}, { get (target, prop) { return Symbol(prop); }, }); // Use like: const {a, b, c} = createSymbols; console.log(a, b, c) // Symbol("a"), Symbol("b"), Symbol("c")

Tags: #js #utils #webdev

Your URL Is Your State

Sat, 01 Nov 2025 16:49:44 +0000

This got me thinking: how often do we, as frontend engineers, overlook the URL as a state management tool? We reach for all sorts of abstractions to manage state such as global stores, contexts, and caches while ignoring one of the web’s most elegant and oldest features: the humble URL.

Tags: #js #urls #webdev

Building the Hundred-Year Web Service with htmx - Alexander Petros - YouTube

Wed, 17 Sep 2025 18:55:51 +0000

In the fast-moving JS ecosystem, keeping your software current can be a huge drain on resources. But what if there was way to write software that had minimal maintenance burden today and didn't inspire dread in the junior developers of tomorrow? Built into the web platform are all the capabilities necessary to create useful, networked services that last for decades—we just have to build in ways that takes advantage of them.

Tags: #dev #future #js #software #webdev

React Won by Default – And It's Killing Frontend Innovation | Loren Stewart

Tue, 16 Sep 2025 16:25:51 +0000

It’s time to choose frameworks based on constraints and merit rather than momentum. Your next project deserves better than React-by-default. The ecosystem deserves the innovation only diversity can provide.

Tags: #js #react #webdev

Split Flap

Mon, 28 Jul 2025 16:24:13 +0000

As an ode to the train stations of my childhood, I bring you a skeuomorph split-flap web component

Tags: #css #js #webcomponents #webdev

Plain Vanilla

Tue, 13 May 2025 01:45:32 +0000

An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just HTML, CSS, and JavaScript.

Tags: #js #vanillajs #webdev

Web Performance Calendar » Signals: the nitty-gritty

Wed, 19 Feb 2025 01:40:18 +0000

Mostly revealed to the Web by Solid.js, shortly after embraced by Preact, but also blended into usignal, or implemented by many others, this pattern convinced tons of developers that hooks might not be the best solution to reactivity out there, but while the concept might look and feel super simple and natural to deal with, the complexity behind spans from 30LOC to pretty convoluted code bases.

Tags: #js #signals #webdev

1KB Frontend Library - DEV Community

Wed, 19 Feb 2025 01:39:53 +0000

Our compact signals implementation is inspired by Andrea Giammarchi’s excellent article on signals. If you’re curious about the nitty-gritty, I highly recommend giving it a read.

Tags: #dev #js #signals #webdev

Single HTML Element Star Rating Component - DEV Community

Wed, 29 Jan 2025 00:44:29 +0000

In this article, we'll explore how to build a star rating system using a single HTML and just one JavaScript command.

Tags: #css #html #js #webdev