Archive
Every article published on Clean Markup—covering semantic HTML, CSS layout systems, JavaScript algorithms, and web performance.
-
Finding Shortest Paths in Weighted Graphs with Dijkstras Algorithm in JavaScript
Implementing a priority queue and Dijkstras greedy relaxation algorithm to compute optimal routes in weighted JavaScript graphs. -
Optimizing Critical Network Paths with HTML Resource Hints
Eliminating DNS lookup TLS handshake and font discovery delays using link rel preconnect preload and prefetch in the document head. -
Building Accessible Tooltips with aria-describedby and Keyboard Triggers
Designing supplementary tooltip popovers that work seamlessly across hover focus and Escape key dismissal with role tooltip. -
Pure CSS Pie Charts and Progress Rings with conic-gradient
Rendering lightweight data visualizations donut charts and angular color gradients using native CSS conic-gradient and custom properties. -
Zero-Dependency Date and Number Formatting with the JavaScript Intl API
Replacing heavy localization bundles with native Intl DateTimeFormat NumberFormat and RelativeTimeFormat in modern browsers. -
Building and Reversing Singly Linked Lists in JavaScript
Implementing pointer-based node insertion deletion cycle detection and in-place reversal for singly linked lists in JavaScript. -
Responsive Card Grids Without Media Queries Using auto-fit and auto-fill
Understanding the exact difference between CSS Grid repeat auto-fit and auto-fill when combined with minmax for intrinsic layouts. -
Structuring Key-Value Metadata with HTML Description Lists
Using semantic dl dt and dd elements paired with CSS Grid to present product specifications glossaries and summary cards. -
Keeping the Main Thread Responsive with JavaScript Web Workers
Moving expensive data parsing search indexing and image processing off the UI thread using dedicated Web Workers and postMessage. -
Crafting Translucent Surfaces with CSS backdrop-filter
Creating accessible frosted-glass headers and overlays with CSS backdrop-filter blur and progressive @supports fallbacks.







