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.
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.
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 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.
A guide on learning React effectively, focusing on understanding JavaScript fundamentals and the costs/benefits of abstractions.
A quick reference cheatsheet for DOM manipulation using plain vanilla JavaScript and jQuery, covering selection, node creation, events, and loading scripts.
A tutorial on using CSS custom properties and radio buttons to dynamically toggle clip-path values, demonstrating a cleaner alternative to JavaScript class toggling.
