Archive
Every article published on Clean Markup—covering semantic HTML, CSS layout systems, JavaScript algorithms, and web performance.
-
Resolving Task Dependencies with Topological Sort in JavaScript
Ordering directed acyclic graphs and detecting circular dependencies in build pipelines using Kahns algorithm in JavaScript. -
Refining Editorial Link Typography with CSS text-underline-offset
Replacing bottom-border link hacks with native CSS text-underline-offset text-decoration-thickness and text-decoration-skip-ink. -
Chaining Contextual Exceptions with JavaScript Error Cause
Preserving original stack traces and low-level failure context across application layers using the ES2022 Error cause option. -
Publishing Machine-Readable Dates and Durations with the HTML time Element
Using the semantic HTML time element and ISO 8601 datetime attributes to improve search engine indexing and assistive technology clarity. -
Preparing Design Systems for CSS Container Queries
Shifting from viewport-coupled media queries to modular container-aware components using CSS container-type and @container rules. -
Designing an O(1) Least Recently Used Cache with JavaScript Map
Leveraging the insertion-order guarantee of ES6 Map to build a constant-time O(1) LRU cache without a separate doubly linked list. -
Implementing the WAI-ARIA Tabs Pattern with Roving Tabindex
Building a keyboard-accessible tablist tab and tabpanel component with Left and Right arrow navigation and semantic fallback markup. -
Isolating DOM Subtrees with the CSS contain Property
Bounding browser layout style and paint recalculations to independent widget subtrees using CSS containment. -
Parsing and Mutating Query Strings Cleanly with URL and URLSearchParams
Replacing brittle regular expressions and manual string splitting with the native WHATWG URL and URLSearchParams interfaces. -
Theming Native Checkboxes and Radio Inputs with CSS accent-color
Applying brand colors to native checkbox radio range and progress elements with a single line of CSS while preserving contrast and accessibility.








