Demo 1

Tiles

The tiles are rewindable. Tiles can be moved and relabelled. Each change can be undone or redone independent of other tiles.

Controls
Tile
Move	`↑` `↓` `←` `→`
Change Label	`a–z0–9`
Undo	`CtrlZ`
Redo	`CtrlY` `CtrlShiftZ`

Demo 2

Form

The HTML form controls are rewindable. Each change can be undone or redone independent of other inputs.

Controls
Input
Undo	`CtrlZ`
Redo	`CtrlY` `CtrlShiftZ`

Demo 3

Board

The board is rewindable. Tiles can be added, removed, and rearranged. Each change can be undone or redone.

Controls
Tile
Move	`↑` `↓` `←` `→`
Change Label	`a–z0–9`
Board
Remove Tile	`DeleteBackspace`
Insert Tile	`ShiftEnter`
Undo	`CtrlZ`
Redo	`CtrlY` `CtrlShiftZ`

Demo 4

Canvas

The text is rewindable and the canvas is rewindable. Text can be edited, each edit can be undone or redone. Text can be moved, each move can be undone or redone and is handled by the canvas.

Controls
Text Node
Move	`↑` `↓` `←` `→`
Edit	`a–z0–9Space`
Submit	`CtrlEnter`
Undo	`CtrlZ`
Redo	`CtrlY` `CtrlShiftZ`
Canvas
Remove Text Node	`DeleteBackspace`
Insert Text Node	`ShiftEnter`
Undo	`CtrlZ`
Redo	`CtrlY` `CtrlShiftZ`

Demo 5

Composite Board

The board is rewindable and tiles are rewindable. Tiles can be added, removed, and rearranged. Tiles record every change that is made, while the board records only those changes that are explicitly recorded or that occur when a tile loses focus.

Controls
Tile
Move	`↑` `↓` `←` `→`
Change Label	`a–z0–9`
Undo	`CtrlZ`
Redo	`CtrlY` `CtrlShiftZ`
Record to Board	`Enter`
Board
Remove Tile	`DeleteBackspace`
Insert Tile	`ShiftEnter`
Undo	`CtrlZ`
Redo	`CtrlY` `CtrlShiftZ`

Name

Description

Date

Time

Link

Password

Date Time

Month

Week

Phone

Fill

Blend Mode

Opacity

Border

Horizontal Policy

Fill

Fit

Fixed

Vertical Policy

Fill

Fit

Fixed