Enter a URL and press Load to begin.
Pick a Quick Preset from the sidebar or type any URL in the address bar.
HTML · CSS · JavaScript Quick Guide — v2.4.1
| Tag | Description | Example |
|---|---|---|
<section> | Semantic section | <section id="about"> |
<article> | Self-contained content | <article>Post</article> |
<aside> | Sidebar content | <aside>Related</aside> |
<details> | Expandable widget | <details><summary>...</summary></details> |
<dialog> | Modal dialog box | <dialog open>Alert</dialog> |
<template> | HTML fragment holder | <template>...</template> |
| Property | Values | Usage |
|---|---|---|
display | flex, grid, block, none | Layout mode |
position | relative, absolute, fixed, sticky | Positioning context |
overflow | hidden, scroll, auto, visible | Overflow behavior |
z-index | integer, auto | Stacking order |
opacity | 0.0 – 1.0 | Transparency level |
transform | rotate(), scale(), translate() | 2D/3D transforms |
| Method | Returns | Description |
|---|---|---|
Array.map() | New Array | Transform each element |
Array.filter() | New Array | Keep matching elements |
Array.reduce() | Single value | Accumulate results |
String.split() | Array | Split by delimiter |
String.replace() | String | Pattern replacement |
Object.keys() | Array | Enumerate property names |
| Keys | Action | Editor |
|---|---|---|
Ctrl+D | Select next occurrence | VS Code |
Ctrl+Shift+L | Select all occurrences | VS Code |
Alt+↑/↓ | Move line up/down | VS Code |
Ctrl+/ | Toggle line comment | Most editors |
Ctrl+Shift+K | Delete current line | VS Code |
F2 | Rename symbol | VS Code |
| Name | Hex | RGB |
|---|---|---|
| Slate Blue | #6A5ACD | 106, 90, 205 |
| Dark Cyan | #008B8B | 0, 139, 139 |
| Tomato | #FF6347 | 255, 99, 71 |
| Forest Green | #228B22 | 34, 139, 34 |
| Goldenrod | #DAA520 | 218, 165, 32 |
| Steel Blue | #4682B4 | 70, 130, 180 |
| Code | Meaning | Category |
|---|---|---|
| 200 | OK | Success |
| 301 | Moved Permanently | Redirect |
| 403 | Forbidden | Client Error |
| 404 | Not Found | Client Error |
| 500 | Internal Server Error | Server Error |
| 503 | Service Unavailable | Server Error |
Enter a URL and press Load to begin.
Pick a Quick Preset from the sidebar or type any URL in the address bar.
| # | TIME | STRATEGY | STATUS | LATENCY | SIZE | URL |
|---|