Things tagged “javascript”

thirty-four things tagged “javascript”

A procedurally generated, infinite scrolling, calming, Chinese ink-painting style landscape (lingdong.works)

Source. Uses Perlin Noise for those beautiful mountain peaks.…

This lovely project draws outlines of all $CITY’s roads (github.io)

Uses the OpenStreetMaps API. You can customize the colors too! Source on Github. Uses Protobufs to store and index 3,000 cities with > 100K people for speed (and to be kind to the OpenStreetMaps API.) Lovely.…

GradFlow helps you make WebGL-based Animated Gradients

For React. I asked Mr. Claude to turn it into a standalone ES Module and saved it here (minified).

// Sample invocation
import { createGradFlow } from "gradFlow.min.js";

createGradFlow("#gradient", {
  config: {
    type: "mesh",
    preset: "dream",
    speed: 2.0,
    color1: "#facb55",
    color2: "#111",
    color3: "#336699",
  },
});

Here’s another maker of gradients.

Flickity is a Carousel/Slider Library

On Desiging to Optimize for Ego (and Shareholder Value™)

Saving some snippets here but Dave Snyder’s article is worth reading, bookmarking, and meditating over (cached). Trees don’t pay off tomorrow. They pay off in a decade. They compound quietly, making everything around them better, shade, value, beauty, longevity. Most products? We treat them like…

PostHog’s website looks like an OS

And a classic one at that (OS/2 and BeOS vibes). Amazing. Here’s how they did it. Gatsby!

Dr. Axel’s JavaScript Flashcards

He’s also written and published this amazing book.

StatiCrypt will do client-side encryption of static html pages using JavaScript

How to Write a Programming Language in JavaScript

Everything You Need to Know About Import Maps

(Cached)

nuqs is a nice little query param library for React

Live-Reloading Middleware for Bun.js

A pretty comprehensive solution! I was looking for this when attempting to learn me some Bun and make a small script that would live-reload a single page (with SASS and Tailwind). And voila: a significantly better solution than the duct tapey thing I came up with 🤣

Pagefind, a fully client-side search library

Lovely. Uses some kind of sharding to intelligently get ‘pages’ of relevance. The WASM size is only ~70kB, compared to SQLite’s WASM’s ~460kB.

In Defence of the Single Page Application (williamkennedy.ninja)

Trenchant, brilliant stuff by William Kennedy 💯 (Cached)…

ThanosJS is a Hot New Framework that promises to “reduce the file size of your project down to 50%” (thanosjs.org)

It’s what all the Patagonia-clads are raving about. They tell me it solves all perf problems in a snap. Update Here’s an NPM package. And, of course, Java if you’d like to deploy this in an Enterprise™ setting.…

Interview with a Senior JavaScript Developer in 2022 (youtube.com)

I don’t know whether to laugh or cry. This really got me: My job is to keep our code running while other packagers are changing theirs. Lord have mercy. NPM continued use and existence is proof that (Almost) Every Day is a Miracle ✨…

The Art of Node

by maxogden

The Art of Node # An introduction to Node.js # This document is intended for readers who know at least a little bit of a couple of things: a scripting language like JavaScript, Ruby, Python, Perl, etc. If you aren’t a programmer yet then it is probably easier to start by reading JavaScript for…

Type<Challenge[]> is set of Challenges around the Type System in TypeScript (ldlework.com)

“Everyone has JavaScript, right?” (kryogenix.org)

The key takeaways in no particular order. Use <noscript>. If you are using it, use it a lot more. There is no guarantee that chunks will load after the main one does; the user’s location and/or network access might have changed! Think CalTrain. ISPs, Corporate VPNs, and Browser Plugins ca…

window.location Cheatsheet (samanthaming.com)

How to Implement a Programming Language in JavaScript (lisperator.net)

How Big is Too Big for JSON? (joshzeigler.com)

From over 10 years ago (I’m sorting through my old bookmarks). A single object looks like this: { "ACCTOUNT_NUMBER":"1234567890", "CUSTOMER_NAME":"ACME Products and Services, Inc.", "ADDRESS":"123 Main Street", "CITY":"Albuquerque", "STATE":"NM", "ZIP":"87101-1234" } He te…

The Script Tag

A handy-dandy visual guide to the <script> tag, its various attributes, and how they relate to HTML parsing. Source unknown.…

Docsify is a Markdown-based documentation generator. (github.com)

It’s very simple and clever. This is an example of what’s rendered from this giant Markdown file 💙…

The Collatz Conjecture in TypeScript’s Types (ostro.ws)

The argument here being that, since the ‘general form’ of the conjecture is undecidable, TypeScript’s type system is undecidable. How does one even think of doing these things? I love Typescript, but it isn’t nearly ambitious enough. It would be vastly improved with an --extremelyStrict flag enfo…

Single-binary Compilers for Node

Nexe and pkg are two compilers that create self-contained executables out of your Node scripts. Deno introduced this in a recent release, which got me looking for Node-based alternatives.…

Four Months of Frontend Development

This is a new personal record. Will go six months the next time 🎸…

This is a looooong exploration of Static Typing (in TypeScript). (wework.com)

The “Not Invented Here Syndrome”

In programming, it is also common to refer to the “NIH syndrome” as the tendency towards reinventing the wheel (reimplementing something that is already available) based on the belief that in-house developments are inherently better suited, more secure, more controlled, quicker to develop, and inc…

nikhil.io