css

A CSS reference for styling pages without a framework, covering selectors, the box model, Flex/Grid layout, positioning, transitions & animation, and responsive patterns for both desktop and mobile.

An Emmet abbreviation reference for anyone writing HTML/CSS by hand in VSCode, covering structure expansion, nesting & grouping, attribute and counter shortcuts, and CSS shorthand that turns long markup into a single keystroke.

A Sass/SCSS reference for structuring CSS that scales, covering variables, nesting, Mixins, @extend, math and color functions, and @each/@if control flow, plus how they compile down to plain CSS.

A Flexbox layout reference for building one-dimensional responsive layouts, covering container vs item properties, main-axis and cross-axis alignment, grow/shrink/basis sizing, and the classic toolbar, card, and centered layouts that Flexbox handles naturally.

A CSS Grid reference for building two-dimensional page layouts, covering grid-template definitions, track sizing with fr/minmax, named areas and line placement, alignment, and responsive patterns that adapt without media queries.

A Tailwind CSS reference for developers who build interfaces directly with utility classes — layout Flex/Grid, spacing, typography, colors, responsive breakpoints, dark mode, and animation — and the trade-offs of on-demand generation and class composition.