Archive
Every article published on Clean Markup—covering semantic HTML, CSS layout systems, JavaScript algorithms, and web performance.
-
Building Accessible HTML Forms with Native Validation
Forms are the primary interaction boundary on the web, yet they are frequently broken by missing labels and fragile validation scripts. Using explicit label associations, aria-describedby hints, and HTML5 constraint attributes gives you resilient forms out of the box. -
Dynamic UI Theming with CSS Custom Properties
Unlike SASS or LESS variables that compile away at build time, native CSS Custom Properties live in the browser DOM. This allows you to centralize design tokens, scope overrides to components, and switch themes dynamically at runtime. -
Implementing Debounce and Throttle in Vanilla JavaScript
Attaching heavy DOM operations or network requests directly to scroll, resize, or keyup events can quickly freeze the browser main thread. Implementing debounce and throttle in vanilla JavaScript lets you control execution frequency using closures and timers. -
CSS Grid vs Flexbox Choosing the Right Layout System
With both CSS Grid and Flexbox supported across modern browsers, a common question in frontend architecture is when to use each. The rule of thumb is simple Flexbox excels at one-dimensional alignment while CSS Grid owns two-dimensional page and card layouts. -
Writing Semantic HTML5 for Accessible Document Structure
Clean markup starts with choosing HTML elements for their meaning rather than their default visual appearance. Replacing generic div containers with semantic HTML5 landmarks makes your pages immediately more accessible to screen readers and search engines. -
Solving Sieve Of Eratosthenes
the Sieve of Eratosthenes algorithm is known for fining all prime numbers up to a given number, so for example if we were give the number 20 we must return an array of all prime numbers found from 0 to 20. -
Two sum algorithm in Javascript
Two sum Algorithm will take in an array and a given number and will check of all pairs of number in the array that will adds up and equals the given number, So keep in mind that result will be an array of arrays. -
Mean Median Mode Algorithm
The Mean Median Mode Algorithm will take in a numeric array and return an object with Mean Median Mode of all the numbers in the array, you will learn some math calculation technique and functional programming, which means that you will break down your ... -
Reverse words algorithm in Javascript
The reverse words algorithm is pretty easy and straight forward to implement, it will improve your critical thinking skills, the idea is to reverse each word in a given sentence, but keep in mind on every word in the string should be reversed. -
Caesar cipher encryption in Javascript
The caesar cipher is an encryption technique where we shift every letter in a given string by a given number for example the word Car would become Dbs if we shifted the letter by 1 and if we test the word Zoo it become 'App' notice that the letter Z shifted to A.









