JavaScript

The typical approach for these inputs is using multiple HTML inputs, one for each character. But is that a good idea?

Leaflet.js is a free open-source mapping library. We’ll look at how to use it to create a basic map with location points of cats up for adoption.

This helps load in data just *before* a user gets to it, and it works with non-root containers and horizontal scrolling.

Brian Muenzenmeyer on new(ish) things in Node: Through the efforts of contributors over several recent majors, great new features are landing. Each is useful in isolation, but put together they form a more and more comprehensive standard library. Do you need a 3rd party testing library like jest? Maybe, but there is a tester built […]

Set a variable in Pug, then create an inline script which sets that variable for using in JavaScript and use setProperty to pass it to CSS.

CSS can truncate text on a single line or on multiple lines, but it always does so from the end of the text. I’ve seen a (bad) trick reversing the text direction to trim text from the front instead, but never from the middle. Christian Heilmann wrote a package to help with this. I agree […]

You can build your own TypeScript build process, and you might want to if you need true type checking and compatibility with a wider ecosystem of tools. But lots of tools, including now Node itself, just accept TypeScript as if it were JavaScript.

TanStack Start enhances the TanStack Router by adding a server layer that improves performance through server-side rendering (SSR) and isomorphic loaders.

“… props that match a property on the Custom Element instance will be assigned as properties, otherwise they will be assigned as attributes.”

TanStack Query, or react-query, simplifies client-side data fetching with features like caching, automatic re-fetching, and error handling. It integrates smoothly with TanStack Router, allowing efficient prefetching and loading states using hooks like useSuspenseQuery.