Debugging

19 tutorials

Step-by-step programming tutorials on PHP, JavaScript, Laravel, WordPress and more.

All Debugging 19 JavaScript 55 Tips & Tricks 50 Hidden Features 42 CSS 40 PHP 37 UX 36 Performance 22 Browser APIs 18 DOM 14 AJAX 12 Forms 11 Security 10 jQuery 8 Animations 7 HTML 2

Latest Popular

CSS Intermediate

position: sticky Isn't Broken - Your Overflow Is

Sticky elements that refuse to stick are almost always trapped by an ancestor with overflow set, or a parent that is exactly as tall as they are. Here is the debugging checklist.

Jul 14, 2024 2 min 747

CSS Beginner

Anchor Links Hiding Under Your Fixed Header? scroll-margin-top

Every site with a sticky header has the same bug: jump to #section and the heading lands underneath the header. The fix is one CSS property almost nobody knows.

Jun 22, 2024 2 min 764

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,104

JavaScript Advanced

Catching DOM Changes You Didn't Make: MutationObserver in Practice

When a third-party script injects, moves or mangles your markup, you cannot patch their code - but you can watch the DOM itself and react the instant it changes.

Mar 28, 2024 2 min 1,676

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,149

JavaScript Beginner

console.log Is the Least Interesting Thing About the Console

console.table, console.groupCollapsed, console.time and a few DevTools-only helpers like $0 and copy() will change how you debug. Most of them are one keystroke away and almost nobody uses them.

Mar 1, 2024 2 min 2,600

JavaScript Beginner

structuredClone() Finally Kills the JSON.parse(JSON.stringify()) Hack

The old JSON round-trip for deep copies silently destroys Dates, Maps, Sets and circular references. structuredClone() handles all of them, and it is built into every modern browser.

Jan 17, 2024 2 min 2,759