css
css related cheatsheet collection with 6 quick references covering common commands, flags and real usage for developers and SRE.
CSS3 Cheatsheet - CSS3 Properties & Layout Reference
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.
Emmet Cheatsheet - Emmet Abbreviation & Syntax Reference
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.
Sass/SCSS Cheatsheet - Sass Syntax & Mixin Reference
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.
CSS Flexbox Cheatsheet - Flexbox Layout Reference
CSS Flexbox cheat sheet: container and item props, axis alignment, flex shorthand, layout patterns.
CSS Grid Cheatsheet - Tracks, Areas & Auto-Fit
CSS Grid layout: set columns with grid-template-columns and fr units, place items via grid-area, and use repeat with minmax for auto-fit.
Tailwind CSS Cheatsheet - Flex, Grid & Spacing
Tailwind utility classes: lay out with flex and grid, space elements via gap and p-4, add responsive prefixes like md:, and toggle dark mode.