A developer reflects on getting sidetracked by an experimental, interactive web design project before returning to a simpler, content-focused approach.
A bookmarklet that lets you warp and manipulate any DOM element on a webpage with a simple click.
An overview of using a basic test web page to learn web application testing techniques, including DOM inspection and selector usage.
Learn JavaScript and CSS fundamentals by building a simple reflex game in a single HTML file with no frameworks or dependencies.
A tutorial on using Alpine.js to create a reactive UI that polls an ASP.NET Core API for real-time data updates.
Learn the fundamentals of client-side JavaScript for DOM manipulation, including creating and modifying HTML elements programmatically.
Explains how Google Translate's DOM manipulation causes crashes in React and other web apps, detailing the technical issues and potential workarounds.
A technical guide showing a JavaScript method to strip inline styles from HTML elements, useful for overriding third-party library CSS.
Learn how to dynamically style CSS pseudo-elements like ::after using JavaScript and CSS custom properties (variables).
A JavaScript tutorial explaining how to programmatically place the cursor at the end of a text field's value using setSelectionRange.
A technical guide on making HTML elements 'self-aware' by finding their index among siblings using vanilla JavaScript.
A technical guide exploring methods to properly reset chained Web Animations API (WAAPI) sequences, including canceling and reversing animations.
A tutorial on how to get and set CSS Custom Properties (CSS Variables) using vanilla JavaScript, including helper functions to simplify the process.
A guide to creating dynamic DOM element references within loops in lit.dev templates for animations.
A technical guide on converting HTML definition lists (<dl>) to fieldset elements (<fieldset>) using JavaScript for consistent note styling in Markdown.
A developer reflects on a decade-old JavaScript code snippet for toggling R code blocks, comparing jQuery to modern vanilla JS methods like querySelectorAll.
Learn to use the MutationObserver API to trigger code when specific elements are added or changed in the DOM.
Explains how to use React's forwardRef() and useImperativeHandle() to pass refs and access DOM elements or methods in child components.
A guide to using React callback refs as an alternative to useEffect for DOM interactions like focusing elements.
A custom React Hook to calculate and return the scrollbar width, useful for resolving layout issues in applications.
