Home / Manual / Preview layouts

Preview layouts

Preview layouts

Preview and PHP

Code, Split and Preview layouts with real local serving.

The app includes a local preview server for project roots, Dreamweaver-style layout modes and a PHP staging workflow that uploads temporary preview files to the user's own server.

Code, Split, Preview

Use editor-only, preview-only or split mode from the View menu.

Vertical or horizontal split

Place source and live view side by side or stacked, with Live View on Top when needed.

Local preview server

Project files can be served from a local Mac preview server, with port 8080 as the default.

Debounced live reload

The preview refreshes without flicker while typing, and can be forced from Refresh Live View.

PHP staging

PHP previews can upload into temporary hep-preview-* folders on a configured server.

Browser and history controls

Preview navigation includes reload, back, forward and external browser handoff.

HTML Designer preview and editor layout

Static and server-side workflows

Static files can render from the local project. PHP can be staged through FTP, FTPS or SFTP so server-side output is tested in a realistic environment.

← Projects & workspaceInspector & visual editing →