How to Detect When an Element Enters the Viewport Without a Library
The classic way to know when something scrolls into view is a scroll event listener that calls getBoundingClientRect() on every element you care ab…
Posts
10 Free Bootstrap 5 Snippets for Dev Tools & Data Tables: A Real LCS Diff Algorithm, Drag-and-Drop Reordering & a Rate Limiter That Isn't a Flat Cooldown
The last batch closes out this collection with the tools that sit behind the scenes of most real admin panels: a CI/CD pipeline status view, a proper…
10 Free Bootstrap 5 Snippets for Smarter Forms & Access Control: An Undo Toast, Nested Conditional Fields & a Genuinely Locked Admin Permission
This batch is about the interactions that separate a form from a good form — a delete that can be undone instead of confirmed, a field that only appe…
HTML <input> Types You Should Actually Use in Modern Forms
Most forms on the web still use type="text" for everything — email, phone, dates, even six-digit codes — and then rebuild, in JavaScript, …
HTML Form Validation Without JavaScript: 10 Useful Techniques
Most developers reach for JavaScript the moment a form needs validation — a keyup listener here, a regex check there, a red border toggled in code. B…