JS Bits
front-end
dev
elopment
blog
Top Resources
Udemy Bug Bash Mini-Course
TikTok Micro Tutorials
Blog Articles
Simplify Shadow DOM with setHTMLUnsafe
Journey into the Minification Abyss: The Peculiar '0' Placeholder
HTML <portal>: Chrome's weird navigational element
Coding a Hank Hill Hotkey
HTML <dialog>
Easy console.log() inside one liner functions
Creating a Text-To-Speech program in Vanilla JS
3 Uncommon but useful HTML elements
Collapsable content in Markdown with <details>
Vanilla JS "Who's that Pokémon?" game with the PokéAPI
CSS Discord Logo
What I learned from selling a side project online
HTML5 Video Picture-in-Picture Mode
CSS :placeholder-shown
SVG Cleanup
CSS :placeholder-shown
Simple Lazy Loading
How to check trusted events
The JavaScript Banana 🍌
What is "this"? Why you should avoid arrow functions on Vue methods
HTMLInputElement.valueAsNumber
Underscores as number separators
Reflections on blogging
How to Easily Copy and Modify Network Requests
JS Quirk: Element IDs are global variables!
"Happy Medium Commenting" in JavaScript
Event Delegation with Vanilla JS
Capture global JS errors with window.onerror()
Dynamic Open Graph Meta Tags with VueJS and Node
Symbols Are Your Friend Series Part VII: Symbol.asyncIterator, Symbol.hasInstance & Symbol.isConcatSpreadable
Symbols Are Your Friend Series Part VI: Symbol.match, Symbol.matchAll & Symbol.replace
Symbols Are Your Friend Part V: Symbol.toPrimitive, Symbol.toStringTag, & Symbol.unscopables
Symbols Are Your Friend Part IV: Symbol.search, Symbol.split, & Symbol.species
Symbols Are Your Friend Part III: Symbol.iterator
Symbols Are Your Friend Part II: Symbol.for() & Symbol.keyFor()
Symbols Are Your Friend Part I: A Gentle Introduction
What's a JavaScript Statement Label?
How JavaScript Blocks work 🧱
The curious case of the Empty Statement
How to restore native browser code
Another way to inspect global variables
Stream updates natively with EventSource 📡
How SVGs can be dangerous 👿
How to inspect unique globals
Element.classList.toggle()
Rest properties with object destructuring
addEventListener "once"
clearTimeout and clearInterval Are Interchangeable!
The URL Object
Filter Log by Script Source
Cleaner setTimeout Callbacks
A Nifty Way to do Basic Argument Validation
Debugging Tip: "Continue to here"
An alternative to using logs: debug()