HTML
Events and Event Delegation
How a click travels through the DOM, why one listener can serve a thousand elements, and the keyboard events that inline handlers always forget.
All notes, in reading order
963 published notes across every category.
#Interview
#Data Structures
#Intermediate
#SQL
#Computer Networks
#HTML
#Beginner
#CSS
#DSA
#Java
#Frontend
#Advanced
HTML
Forms and JavaScript
Read values, submit without a page reload, validate with the built in API, and handle errors accessibly. All of it built on a real form element.
HTML
Accessibility: What It Means and Where HTML Fits
Most of accessibility is choosing the right element. The rest is a short list of habits. Here is the framework and the small number of things that fix...
HTML
Accessible Names and the Accessibility Tree
Every control has a name, a role and a state, and the browser works them out in a fixed order. Knowing that order explains almost every screen reader...
HTML
Keyboard Navigation, Focus and tabindex
If it cannot be reached with the Tab key it does not work. Focus order, visible focus indicators, the three values of tabindex and the traps to avoid.
HTML
ARIA Basics: Roles, States and Properties
ARIA fills gaps that HTML cannot. It also breaks pages when used carelessly. The rules, the attributes worth knowing, and the ones to leave alone.
HTML
Colour, Contrast and Motion
Contrast ratios that meet the guidelines, never relying on colour alone, and honouring the reduced motion preference. Mostly CSS, entirely part of the...
HTML
Testing a Page for Accessibility
Automated tools find about a third of problems. Here is what they catch, what they miss, and a manual routine that takes fifteen minutes.
HTML
How Google Works: Crawling, Indexing and Ranking
Four stages between publishing a page and someone finding it. Knowing which stage a problem sits in is what turns SEO from guesswork into debugging.
HTML
SEO Friendly HTML Structure
Search engines read markup, not screenshots. The structural decisions that make a page understandable to a crawler are the same ones that make it unde...
HTML
Titles and Descriptions That Earn Clicks
Ranking is half the job. The title and description decide whether anyone clicks, and they are the two pieces of markup a searcher actually reads.
HTML
Headings and Content Structure for Search
Headings are how a crawler works out what a page covers and how it is organised. They are also how you become eligible for a featured snippet.