JavaScript

"

JavaScript Beginner

"3 Days Ago" Without a Library: Intl.RelativeTimeFormat

You do not need moment.js or dayjs to print "yesterday" or "in 3 weeks". The Intl API does relative time, in the user's own language, with zero dependencies.

Jan 26, 2024 2 min 5,563 Read →

T

JavaScript Beginner

The One-Line Browser Trick That Makes Any Page Editable

Type document.designMode = "on" in the console and the entire page becomes editable like a document. Absurdly useful for copy reviews, screenshots and layout testing.

Mar 12, 2024 2 min 5,317 Read →

L

JavaScript Intermediate

Let Users Paste Screenshots Straight into Your App

Ctrl+V with an image on the clipboard fires a paste event carrying a real File object. Ten lines of code turn any form into a screenshot-friendly uploader.

Apr 12, 2024 2 min 5,176 Read →

R

JavaScript Intermediate

Responsive JavaScript Without Resize Listeners

Checking window.innerWidth on every resize event is wasteful and drifts out of sync with your CSS. matchMedia gives JavaScript the same breakpoints CSS uses, with change events.

May 3, 2024 2 min 4,966 Read →

W

JavaScript Intermediate

Why Your Analytics Miss Closing Tabs (and How sendBeacon Fixes It)

fetch() calls fired when a user closes the tab often never leave the browser. navigator.sendBeacon() exists precisely for this moment, and it is a one-line change.

Feb 5, 2024 2 min 4,648 Read →

D

JavaScript Advanced

Do the Boring Work When the Browser Is Bored: requestIdleCallback

Analytics batching, prefetching, cache warming - none of it should compete with user interaction. requestIdleCallback runs your low-priority work in the gaps.

Apr 6, 2024 2 min 4,294 Read →

O

JavaScript Beginner

Object.groupBy() Ends a Decade of reduce() Boilerplate

Grouping an array of objects used to mean writing the same reduce() dance in every project. JavaScript finally does it natively, and the syntax is one line.

Jan 9, 2024 2 min 3,845 Read →

S

JavaScript Beginner

Serialize an Entire Form in One Line with FormData

new FormData(form) reads every field in one call, posts natively with fetch, and Object.fromEntries turns it into JSON. You may never write form.elements loops again.

Apr 25, 2024 2 min 3,398 Read →

W

PHP Intermediate

window.onerror + 20 Lines of PHP = Your Own Error Tracker

Users almost never report the JavaScript errors they hit. A global error handler, sendBeacon and a tiny PHP endpoint give you a self-hosted crash log for free.

May 22, 2024 2 min 3,254 Read →

S

JavaScript Beginner

Stop Using Math.random() for IDs: crypto.randomUUID()

Math.random-based IDs collide more than you think and are predictable by design. The browser ships a real UUID generator and a cryptographic random source - both one-liners.

Feb 26, 2025 2 min 3,250 Read →

L

JavaScript Intermediate

Lazy Sequences with Generators: Compute Only What You Use

Generators pause between values, which makes infinite sequences, cheap ID factories and stop-early pipelines natural - no arrays, no wasted work.

Feb 13, 2025 1 min 3,204 Read →

A

PHP Intermediate

A Real Upload Progress Bar with XMLHttpRequest and PHP

fetch() still cannot report upload progress reliably - but XMLHttpRequest has done it for fifteen years. The full pattern: progress events, a PHP receiver, and the config limits that silently break big uploads.

Dec 8, 2024 2 min 3,053 Read →