Cheatsheets

Quick references developers and designers can bookmark.

DevKitYard cheatsheets are fast, practical references for commands, syntax, patterns, visual examples and common mistakes. Use them to recall Git commands, HTML structure, CSS layout, JSON rules, regex patterns, Tailwind utilities, Bootstrap markup and everyday web development syntax.

All cheatsheets

Start with common web development references, then jump into related DevKitYard tools when you need to format, validate, convert or generate something.

Search Console

A concise Google Search Console reference for performance metrics, dimensions, indexing, sitemaps, URL Inspection and Core Web Vitals.

Open cheatsheet →
GA4

A practical GA4 cheatsheet for users, sessions, events, acquisition, UTM parameters, reports and debugging.

Open cheatsheet →
Git

A practical Git cheatsheet with common commands for branches, commits, remotes, undoing work and everyday version control.

Open cheatsheet →
CSS

A CSS cheatsheet for selectors, flexbox, grid, spacing, typography, responsive rules, visual effects and common styling patterns.

Open cheatsheet →
HTML

An HTML cheatsheet for semantic elements, headings, links, images, lists, tables, forms, metadata and clean page structure examples.

Open cheatsheet →
JSON

A JSON cheatsheet covering valid syntax, data types, escaping, nesting and common validation mistakes.

Open cheatsheet →
Regex

A regex cheatsheet for character classes, anchors, quantifiers, groups and practical pattern examples.

Open cheatsheet →
Tailwind

A Tailwind CSS cheatsheet for layout, spacing, typography, color, responsive prefixes and common utility patterns.

Open cheatsheet →
Bootstrap

A Bootstrap cheatsheet for grid classes, spacing utilities, buttons, forms, cards and responsive layout patterns.

Open cheatsheet →
JavaScript

A JavaScript cheatsheet for variables, arrays, objects, functions, promises and common modern syntax.

Open cheatsheet →
HTTP Status

An HTTP status codes cheatsheet for common 2xx, 3xx, 4xx and 5xx responses used in APIs and websites.

Open cheatsheet →
Markdown

A Markdown cheatsheet for headings, links, images, lists, code blocks, tables and common formatting examples.

Open cheatsheet →
Accessibility & ARIA

A practical accessibility and ARIA reference for semantic HTML, keyboard behavior, forms, live regions and common interface mistakes.

Open cheatsheet →
TypeScript

A practical TypeScript reference for object types, unions, narrowing, generics, utility types, functions and common safe typing patterns.

Open cheatsheet →

What cheatsheets are for

Fast recall

Cheatsheets are for the commands, syntax and examples you know exist but do not want to search from scratch every time.

Useful context

Each page includes quick references, examples, common mistakes and links into relevant DevKitYard tools.

Cheatsheets FAQ

What are DevKitYard cheatsheets for?

DevKitYard cheatsheets are quick references for commands, syntax, patterns, common examples and best practices that developers and designers can bookmark.

Are cheatsheets different from DevKitYard tools?

Yes. Cheatsheets help you learn or recall syntax. Tools perform a task such as formatting, validating, converting, generating or downloading output.

Do cheatsheets require an account?

No. DevKitYard cheatsheets are public references with no login required.

Do visual cheatsheet examples replace full documentation?

No. They are practical reference examples for common workflows. Use official framework or browser documentation when you need full specification details.