Welcome
I started this as an HTML tables cheat sheet because I kept looking up the same things. I kept adding pages as I learned more and found other topics I wanted to keep in one place.
I use it as a quick place to check syntax, examples, and reminders while I am working on other projects.
How to use this reference
- Search: Find a term on a page or across the entire reference.
- Code: Examples use a dedicated monospace style for fast scanning.
- Reference: Tables provide concise definitions and examples.
- Patterns: Complete examples show concepts working together.
- Jennifer's Note: Things I learned while building and debugging.
Core Web Development
The foundational HTML, CSS, accessibility, and front-end patterns I come back to the most.
HTML Tables
Table structure, cells, headers, columns, and table attributes.
View Reference →HTML Tags
Common HTML elements for structure, text, media, lists, and forms.
View Reference →CSS Selectors
Selectors, combinators, pseudo selectors, specificity, and the cascade.
View Reference →CSS Properties
Common properties for text, color, spacing, layout, positioning, and effects.
View Reference →Patterns
Complete examples that show HTML, CSS, and JavaScript working together.
View Patterns →Accessibility
The accessibility choices I use in this project and want to remember.
View Accessibility →More HTML & CSS
Layout, forms, responsive design, sizing, and selectors.
Forms & Validation
Inputs, labels, grouping, autocomplete, validation, and error messages.
View Reference →Flexbox
Axes, alignment, wrapping, gaps, sizing, and common Flexbox layouts.
View Reference →CSS Grid
Tracks, areas, placement, sizing functions, and responsive Grid layouts.
View Reference →Responsive Design
Media queries, fluid sizing, responsive images, and flexible layouts.
View Reference →CSS Units & Functions
Common units plus calc(), min(), max(), and clamp().
View Reference →Pseudo-classes & Pseudo-elements
States, relationships, structural selectors, and pseudo-elements.
View Reference →JavaScript & APIs
JavaScript fundamentals, built-ins, modern syntax, data collections, browser features, and API requests.
JavaScript Fundamentals
Values, variables, data types, operators, control flow, loops, and functions.
View Reference →JavaScript Built-ins
Strings, numbers, Math, dates, regular expressions, and JSON.
View Reference →Modern & Async JavaScript
Modern syntax, classes, Promises, async code, modules, and error handling.
View Reference →Data Collections
Arrays, objects, Maps, Sets, and common ways to store, access, and transform data.
View Reference →DOM & Events
Selecting elements, updating the DOM, handling events, and working with forms.
View Reference →Browser APIs
Storage, timers, navigation, viewport information, and other browser-provided features.
View Reference →HTTP & APIs
HTTP methods, status codes, JSON, fetch, async requests, errors, and CORS.
View Reference →Tools & Notes
Git, terminal commands, debugging, performance, security, and notes I want to keep handy.
Git & GitHub
The repository, branch, remote, history, and recovery commands I use most.
View Reference →Terminal & CLI
File navigation, shell commands, searching, redirection, and environment variables.
View Reference →Debugging
A repeatable way to narrow down HTML, CSS, JavaScript, and API problems.
Start Debugging →Web Performance
Loading, images, fonts, rendering, JavaScript, caching, and measurement.
View Reference →SEO & Metadata
Page titles, descriptions, social previews, favicons, and manifests.
View Reference →Web Security Basics
XSS, output handling, HTTPS, cookies, CORS, storage, and basic security reminders.
View Reference →Jennifer's Developer Notes
My own reminders for HTML, CSS, JavaScript, debugging, and workflow.
Read Notes →About this project
Built as a reference I actually use
I made this site to keep the web development topics I look up most in one place while also practicing accessible, responsive HTML, CSS, and vanilla JavaScript.