Blocs
Visual website builder for macOS
Blocs Cheatsheet
Page Structure
| Element | Use |
|---|---|
| Bloc | Full-width section container |
| Row | Horizontal container within a bloc |
| Column | Vertical division within a row |
| Widget | UI component (text, image, button) |
| Custom class | Reusable style definition |
Breakpoints
| Breakpoint | Width |
|---|---|
| Desktop | > 1024px |
| Tablet | 768-1024px |
| Phone Landscape | 576-767px |
| Phone Portrait | < 576px |
Export & Publishing
| Option | Description |
|---|---|
| Export to folder | Static HTML/CSS/JS files |
| FTP upload | Direct publish via FTP/SFTP |
| GitHub Pages | Push to repository |
| Custom domain | Configure in project settings |
Blocs Shortcuts
General
| Shortcut | Action |
|---|---|
| ⌘N | New project |
| ⌘O | Open project |
| ⌘S | Save |
| ⌘Z | Undo |
| ⌘⇧Z | Redo |
| ⌘, | Preferences |
| ⌘P | Preview in browser |
Page Editing
| Shortcut | Action |
|---|---|
| ⌘C | Copy element |
| ⌘V | Paste element |
| ⌘D | Duplicate element |
| Delete | Remove element |
| ⌘G | Group elements |
| ⌘⇧G | Ungroup |
| ⌘↑ | Move element up in layer |
| ⌘↓ | Move element down in layer |
| ⌘⌥I | Toggle inspector |
| ⌘⌥L | Toggle layer tree |
View & Layout
| Shortcut | Action |
|---|---|
| ⌘+ | Zoom in |
| ⌘- | Zoom out |
| ⌘0 | Actual size |
| ⌘1 | Desktop breakpoint |
| ⌘2 | Tablet breakpoint |
| ⌘3 | Mobile breakpoint |