Pretext went viral for its beautiful canvas demos. But the community is showcasing the wrong feature.

Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

Minimal files config for a PWA. Contribute to chr15m/minimal-pwa development by creating an account on GitHub.

Argues that JS isn’t as necessary anymore, and that CSS can replace many niches previously filled by JS. Some strategies for avoiding JS.

Datastar helps you build reactive web applications with the simplicity of server-side rendering and the power of a full-stack SPA framework.

Empower the web community and invite more to build cross-platform apps

Discover how functional programming can clean up your JavaScript code. Learn key concepts like immutability, currying and function composition to write cleaner, more maintainable, and efficient code.

In this tutorial we will examine the source code of a website that lists information about games submitted to the A-Frame category in the js13kGames 2017 competition. You don’t have to think about what the actual content on the website is; the main point is to learn how to use PWA features in your own projects.

Now to be fair, I’ve dunked on shadow DOM a bit in the past myself… such as when it’s used as a container for piles of JavaScript-generated HTML that would be better off in the page from the start. But the more I’ve worked with web components, the more I’ve come to see that shadow DOM (and slots in particular) may still play an interesting role in the HTML Web Components story.

For years now, though, I’ve been using Tachometer for most browser-based benchmarks. It’s featured in this blog a few times, although I’ve never written specifically about it. Tachometer doesn’t make benchmarking totally foolproof, but it does automate a lot of the trickiest bits. What I like best is that it:

JavaScript Frameworks generally do a lot of DOM handling for you, but doing it yourself can be the most performant option, and there are quite a few best practices.

A delightful language with friendly error messages, great performance, small assets, and no runtime exceptions.

Bundle, install, and run JavaScript

Astro is a new kind of static site generator for the modern web, and is centered around helping you… Tagged with webdev, javascript, jamstack, astro.

Visual testing is essential in web app development, ensuring your users never face a broken UI. Learn everything you’ll need in this comprehensive guide.

This guide explores localStorage in JavaScript web apps, detailing its usage, limitations, and alternatives like IndexedDB and AsyncStorage.

RetroV (pronounced “retro vee”) is a virtual DOM (VDOM) rendering library. It is “vanilla” JavaScript, browser-native, and has no dependencies or build system.

The age of frontend JavaScript frameworks eating the web world didn’t happen simply because some well-meaning developers found great DX. It happened because we were fed a line.