Quick Developer Reference Guides
Find quick tables for syntax and layout properties. Ideal for developers and designers alike.
Markdown Syntax Guide
| Element | Markdown Syntax | Output Example |
|---|---|---|
| Heading 1 | # Heading 1 |
H1 Header |
| Heading 2 | ## Heading 2 |
H2 Header |
| Bold text | **Bold text** |
Bold text |
| Italic text | *Italic text* |
Italic text |
| Unordered List | - Item 1 |
|
| Inline Code | `const x = 10;` |
const x = 10; |
| Hyperlink | [Google](https://google.com) |
|
| Blockquote | > Quote message |
Quote message |
Regular Expressions Syntax
| Character | Description / Matches | Example Match |
|---|---|---|
. |
Any single character (except line breaks) | a.b matches axb, a9b |
\d |
Any numeric digit (equivalent to [0-9]) |
\d{3} matches 123, 985 |
\w |
Any alphanumeric character and underscore | \w+ matches hello_1 |
\s |
Any white space character (space, tab, newline) | a\sb matches a b |
* |
Zero or more repetitions of preceding item | ab* matches a, ab, abbb |
+ |
One or more repetitions of preceding item | ab+ matches ab, abbb (no a) |
? |
Zero or one repetition (optional element) | ab? matches a, ab |
^ / $ |
Start / End of string matching | ^abc$ matches exactly abc |
CSS Grid & Flexbox Cheat Sheet
| CSS Property | Behavioral Explanation | Common Value Options |
|---|---|---|
display |
Defines the context structure for container flow. | flex | grid | inline-flex |
flex-direction |
Defines row/column orientation of items in Flexbox. | row | column | row-reverse |
justify-content |
Aligns items horizontally inside container layout. | center | space-between | flex-end |
align-items |
Aligns items vertically inside container bounds. | center | stretch | flex-start |
grid-template-columns |
Specifies sizing and count of grid columns. | repeat(3, 1fr) | 100px 1fr |
gap |
Defines spacing gutters between flex or grid cells. | 16px | 1rem 2rem |