Yes, vanilla JS does scale

Let‘s debunk a never-ending myth.

Responsive iframes with the CSS aspect-ratio property

The modern way to embed fully responsive iframes.

Four different ways to inject text and HTML into an element with vanilla JavaScript

Snippets, demos, and recommendations.

SPAs were a mistake

Single-page applications are too fragile and get easily broken.

How to make MPAs that are as fast as SPAs

The benefits of traditional multi-page apps vs. trendy single-page apps.

Progressive enhancement, the new hotness

What it is, what it isn’t and why it matters for everyone.

Abbreviations suck

The problem with the HTML ‘abbr’ element and what to use instead.

A quick primer on testing JavaScript

Ways you can test your vanilla JavaScript code.

Myths about vanilla JavaScript

“A lot of it has to do with marketing nonsense from big libraries.“

How to style links that don’t look ugly

Some ways to make underlined links look more attractive.

An intro to the HTML dialog element

The new way to surface a modal window to users.

13 super rad web development tricks

A selection of JavaScript snippets that are worth exploring.

JavaScript anti-pattern: self-documenting code

Good documentation is like an insurance policy.

Example of an HTML Web Component

An HTML ‘select’ with progressively enhanced interactivity.

Detecting when a Web Component is loaded with CSS

Easily hide a required JS component until instantiated.

New JavaScript array methods

toReversed(), toSplice(), toSorted(), and with() explained.

Simple web server

A handy way to quickly spin up local web servers.

“Don’t try to be clever. Don’t try to fight the browser. Lean into it and let the platform do what it does best.”

Why paying down tech debt matters

“Tech debt is a bit like gum on the walking path.”

The many ways to hide things in the DOM

Hiding HTML elements from users and/or screen readers.

“The goal isn’t to write less code. It’s to ship less code to users. Better code. Faster code. More resilient code.”

Combining light DOM and shadow DOM

How to mix-and-match both in a web component.

Buildless testing

How to test your JavaScript code in the browser.

Is your website gzipped?

How gzip compression of HTML/CSS/JS files works.

Kelp

A customizable UI library that needs no build step.