_sortieren

In my day job, I work on a JavaScript framework (LWC). And although I’ve been working on it for almost three years, I still feel like a dilettante. When I read about what’s going on in …

From time to time I need to stitch together two or three images into a horizontal or vertical image. It seems so wasteful to spin up a whole design document for that task. What I wanted was a CLI that does that for me and I found one that does the job: Stitchy.

This blog is mostly expression of my ideas on different things in programming and IT culture

Solid is a purely reactive library. It was designed from the ground up with a reactive core. It's influenced by reactive principles developed by previous libraries.

Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog / modal.

Use the Intersection Observer Web API as a performant way to track where elements are in the viewport and other scrollable regions.

Discussing the decisions surrounding JavaScript prototypes, the article by Juan Diego Rodriguez scrutinizes their origin, examines missteps in the design, and explores how these factors have affected the way we write JavaScript today.

The one where I extend JSON

Get the dimensions of an image. Contribute to sindresorhus/image-dimensions development by creating an account on GitHub.

💲 Micro-library of shorthands for DOM selection, events, and attribute manipulation - argyleink/blingblingjs: 💲 Micro-library of shorthands for DOM selection, events, and attribute manipulation

Vanilla JavaScript table sort. Contribute to tofsjonas/sortable development by creating an account on GitHub.

Strategies for communicating between interactive components using Islands Architecture, with examples using Astro and React.

How to use fetch() API to load and post JSON data.

How to access environment variables in JavaScript using process.env and expose them to the browser runtime using bundlers like Vite and webpack.

A pure function always returns the same value for the same arguments and produces no side effects.

Reactivity is how systems react to changes in data and is core to web development. Learn JavaScript reactivity patterns to add to your toolbox, no matter what frameworks and libraries you use!

Touch devices don't have hover capabilities, so we'll have to find another way.

Yesterday, we looked at where traditional DOM manipulation starts to break down when building complex JavaScript apps. When you find yourself making lots of UI updates that require you to be aware of the current state of other UI elements, it might be time to consider using a different approach: state-based UI. Let’s dig in! What is state-based UI? With state-based UI, you hold data about the UI and how it should look in one or more JavaScript variables, called state.

There is no direct way to break from the forEach() function, however, there are some workarounds.f

As we build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this talk, ...

Exploring other APIs that integrate closely with the browser's styling engine.

A utility function inspired by the FormData DOM interface.

In this article, you'll learn what dependency injection is, when you should use it, and what popular JavaScript frameworks it's implemented in.

Objects in JavaScript are awesome. They can do anything! Literally…anything. But, like all things, just because you can do something, doesn’t (necessarily) mean you should.

Learn how to build backend APIs that support progressive enhancement by detecting if a request was submitted with HTML forms or JavaScript.

Description In this blog post, we will go through the process of building a simple web app...