A developer explores creating an animated focus ring using DOM elements and JavaScript, moving beyond CSS :focus-visible for custom animations.
Explains how to store and access custom metadata on HTML <option> elements using data-* attributes in JavaScript.
Explains how React components work with native Browser APIs like Fetch, Observers, and History for networking, UI interactions, and navigation.
A technical article explaining how to use a hidden submit button to control which form data is sent when a user submits via Enter key.
Explains how HTMX uses 'previous' and 'next' mechanics with CSS selectors and the Node.compareDocumentPosition() method.
Schedule of public tech talks and workshops on frontend development, JavaScript, and web standards for the first half of 2025.
A whimsical exploration of the HTML <body> element, its structure, and its relationship to the <head> element, using analogies to human anatomy.
Explores the React useRef hook, detailing its use for DOM elements and non-DOM values like API streams, with practical examples.
A technical guide on detecting Google Translate and other machine translation tools on webpages using JavaScript and MutationObserver.
A web developer recounts a bug where moving a submit button outside its HTML form broke functionality, and how they fixed it using the form attribute.
Explains HTML data attributes and the dataset property for managing state in web development, with practical examples.
Explores the concept of native HTML includes with lazy loading, proposing browser-native features similar to PHP includes.
Explains how to use EventTarget and custom events in JavaScript for non-DOM, event-driven programming, including TypeScript integration.
A guide explaining React Portals, their purpose for rendering components outside parent DOM hierarchy, and how to use them for modals and popups.
A comprehensive cheatsheet for JavaScript DOM manipulation and jQuery, comparing vanilla JS and jQuery syntax for common web development tasks.
Explains the differences between ng-container and ng-template in Angular, including their purposes and practical use cases with code examples.
A CSS technique using keyframes to animate newly added DOM elements without needing JavaScript setTimeout or class juggling.
Explains how to use Vue's nextTick() function to wait for DOM updates after data changes, with examples using async/await.
Explains the technical distinction between DOM nodes and elements in web development, detailing node types and their hierarchy.
