HTML
A Working Setup: Formatting, Linting and Live Preview
Consistent formatting, markup linting, live reload and shared settings. A day of setup that pays back on every file afterwards.
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
Clean HTML: Structure, Naming and Maintainability
Markup you can still read in six months. Consistent conventions, meaningful names, shallow nesting and a house style that survives more than one devel...
HTML
HTML Performance Best Practices
What the markup alone can do for speed, with no build tooling: resource hints, image discipline, script loading and the small set of attributes that m...
HTML
Security Considerations in HTML
Markup is not where security is enforced, and several markup decisions can undermine it entirely. The ones every front end developer should know.
HTML
A Pre Launch Checklist
Everything worth verifying before a page goes live, grouped so it can be worked through in about twenty minutes.
HTML
Project: A Personal Profile Page
Your first complete page. One file, semantic structure, a photograph, a list, a table and a link out - built to a specification and checked against it...
HTML
Project: A Resume Page
A document with real structure: dated entries, an experience timeline, skills grouped by category, and a print stylesheet that produces a usable PDF.
HTML
Project: A Portfolio Page
A grid of project cards with a filter, responsive images and a case study page. The project where card markup, image performance and clickable regions...
HTML
Project: A Blog Article Page
Long form content done properly: article structure, a table of contents, figures, code blocks, an author footer and Article structured data.
HTML
Project: A Product Page
An image gallery, a specification list, a quantity form and structured data. The page where hidden fields, tables and forms all have to be right at on...
HTML
Project: Registration, Login and Contact Forms
Three forms that cover almost every input type, validation pattern and accessibility requirement you will meet in real work.
HTML
Project: A Multi Page Business Website
Six pages sharing a layout, with consistent navigation, breadcrumbs, a sitemap and metadata that differs correctly on every page.