Configuration Options

Auto update (e.g. HTML, JS and SMIL modifications)
Auto play

About

Ambulant Sketchbook is an experimental playground for rapidly prototyping snippets of HTML5, CSS3, JavaScript and SMIL Timesheets code. The environment provides several useful functionalities, as well as a simple interface with instant feedback. It is based on some concepts introduced in Bret Victor's talk, and several open source APIs, libraries, and Web playgrounds (e.g. livecoding.io, tributary.io, timesheets.js and many others). It has been created by Rodrigo Laiola and it currently works on modern versions of Chrome 27+, Safari 6+ and Firefox 21+.

Contact

Feel free to send your questions, suggestions or just a 'Hello' to rodrigo (at) laiola.com.br

Keyboard shortcuts

General:

Ctrl+1
HTML tab
Ctrl+2
CSS tab
Ctrl+3
JavaScript tab
Ctrl+4
SMIL tab
Ctrl+G
Configuration tab
Ctrl+?
Help tab
Ctrl+T
Time controls

Preview tab:

Press Alt+Shift and click on an element
Move cursor to code line of the structural element (HTML and CSS only)

Code tabs:

Position cursor on a number and press Alt
Smart editing (e.g. slider, color picker, angle picker)
Position cursor on a line and press Alt+Ctrl (HTML tab only)
Highlight element in Preview tab
Ctrl+S / Cmd-S
Save sketch / Fork sketch
Alt+V (in JS tab)
Validate JavaScript code
Ctrl+Q / Click on the gutter
Fold / unfold a block
Alt+Space (HTML and JS tabs only)
Autocompletion
Ctrl+F / Cmd+F
Start searching
Ctrl+G / Cmd+G
Find next
Shift+Ctrl+G / Shift+Cmd+G
Find previous
Shift+Ctrl+F / Cmd+Option+F
Replace
Shift+Ctrl+R / Shift+Cmd+Option+F
Replace all

ReloadPausePlay