Tools in This Collection
CSS Flexbox Cheatsheet
All container and item properties with visual diagrams and examples
CSS Grid Cheatsheet
Grid template, fr units, named areas, auto-fill, and alignment properties
Markdown Cheatsheet
Basic formatting, links, tables, code blocks, and GFM extensions
Keyboard Shortcuts Cheatsheet
Productivity shortcuts for Windows and macOS across browsers and apps
Cooking Substitutions Cheatsheet
Common ingredient substitutions with ratios and notes on how they affect results
General Reference Cheatsheets
These five cheatsheets cover reference material that spans everyday work for developers, writers, and home cooks alike. The CSS layout cheatsheets handle the properties that require regular lookup even for experienced developers. The keyboard shortcuts cheatsheet covers productivity shortcuts across platforms. The cooking substitutions cheatsheet handles the classic mid-recipe emergency.
CSS Flexbox and Grid Layout
The CSS Flexbox Cheatsheet shows all container properties (display, flex-direction, flex-wrap, justify-content, align-items, align-content) and item properties (flex, flex-grow, flex-shrink, flex-basis, align-self, order) with visual diagrams. The most common confusion point: justify-content aligns along the main axis (horizontal in a row, vertical in a column); align-items aligns along the cross axis (vertical in a row, horizontal in a column). The diagrams in the cheatsheet make this immediately clear.
The CSS Grid Cheatsheet covers grid-template-columns and grid-template-rows (including fr units and repeat()), named grid areas, auto-fill vs auto-fit, gap properties, and grid alignment properties. CSS Grid and Flexbox solve different problems: Grid is for two-dimensional layout (rows and columns simultaneously); Flexbox is for one-dimensional layout (either rows or columns). The CSS Grid Cheatsheet shows when to use each.
Markdown Syntax
The Markdown Cheatsheet covers basic formatting (headers #, bold **, italic *, strikethrough ~~), links and images ([text](url), ), lists (ordered and unordered), blockquotes (>), code (inline ` and fenced ```), tables, and GitHub Flavored Markdown extensions (task lists, footnotes). The cheatsheet includes GFM-specific syntax for README files and GitHub documentation where the full GFM spec applies.
Keyboard Shortcuts
The Keyboard Shortcuts Cheatsheet covers productivity shortcuts for Windows and macOS across browsers, text editing, window management, and common applications. Filter by operating system to remove the noise of cross-platform alternatives. Most useful shortcuts that many users don't know: Ctrl+Shift+T (reopen closed tab), Ctrl+Shift+V (paste without formatting), Windows+D (show desktop), and Alt+Tab/Cmd+Tab variants for window cycling.
Cooking Substitutions
The Cooking Substitutions Cheatsheet lists common ingredient substitutions when you're mid-recipe and out of something. Examples: 1 cup buttermilk = 1 cup milk + 1 tablespoon lemon juice or white vinegar (let sit 5 minutes). 1 egg = ¼ cup unsweetened applesauce (for binding in baked goods). 1 cup cake flour = ¾ cup all-purpose flour + 2 tablespoons cornstarch. Each substitution includes notes on how it affects texture, flavor, or appearance.
Frequently Asked Questions
When should I use CSS Flexbox vs CSS Grid?
Use Flexbox for one-dimensional layouts — a single row of buttons, a navbar with items spaced apart, or a vertical stack of cards. Flexbox works in one direction at a time (main axis). Use Grid for two-dimensional layouts — a full-page layout with header, sidebar, main content, and footer, or a card grid where you need consistent rows and columns. Both cheatsheets include decision guidance.
What are the most useful keyboard shortcuts I might not know?
Several highly useful shortcuts that many users miss: Ctrl+Shift+T (reopen the last closed browser tab), Ctrl+Shift+V (paste text without formatting in most apps), Windows+L / Cmd+Ctrl+Q (lock the computer), Alt+F4 / Cmd+Q (close the current application), F2 (rename selected file in both Windows Explorer and Mac Finder). The Keyboard Shortcuts Cheatsheet is filterable by platform and application.
What is the difference between Markdown and GitHub Flavored Markdown (GFM)?
Standard Markdown covers headers, bold, italic, links, images, lists, blockquotes, and code blocks. GitHub Flavored Markdown (GFM) adds: strikethrough (~~text~~), task list checkboxes (- [x]), fenced code blocks with syntax highlighting (```javascript), tables, footnotes, and auto-linking of URLs and GitHub issue numbers. GFM is a superset of standard Markdown — all standard Markdown syntax works in GFM.
What can I substitute for buttermilk in a recipe?
1 cup buttermilk = 1 cup regular milk + 1 tablespoon white vinegar or lemon juice (stir and let sit 5 minutes before using). This works because buttermilk's acidity is what activates baking soda and creates tenderness — the acid from vinegar or lemon juice replicates this. Works in pancakes, quick breads, muffins, and cakes. Full-fat milk gives a closer result than skim milk.