(Click image to enlarge)
1. Basic layout
Structure of a Liveweave URL
When you click “Save”, a unique URL will be generated every time, e.g. liveweave.com/xyz123
liveweave.com/xyz123/demo – Full screen “demo” mode, where only the Preview is visible.
Naming your weave
Even if you entered the <title> incorrectly, no need to worry! You can easily rename it anytime from the weave list, simply by clicking the “Rename” link.
Real-time CSS validation
The validation is in real-time. The errors and warnings would appear in the code/panel gutter while you are writing your code!
Four different layouts to choose from
There are 4 different ways you can set the panels. Depending on your needs you can change them on the fly. If you save a weave with a particular layout, the next time you load it, it will retain the layout.
Layout 2 (Default)
3. Support for Emmet / Zen Coding
In addition to code-hinting for HTML and CSS, Liveweave also supports Emmet (formerly, Zen Coding). To expand your Emmet code, just select the code snippet and press [Ctrl] + E (in Windows) or [Command] + E (in Mac OS X) from the keyboard. Learn more.
4. Download your weave
You can download your weave two ways.
5. Color & Palette Lab
Available in the Tools menu, the Color & Palette Lab is a good reference of all the colors you may want to use in your code. You can also create your own color palettes. Learn more.