PearlEdit BETA Version

PearlEdit is a live WYSIWYG layout editor that allows for in browser customization while guaranteeing responsive themes.

Live DEMO: http://pearledit.aws.af.cm/

Technology

YUI - http://yuilibrary.com

Pure CSS - http://www.purecss.io

HTML5 Drag & Drop

PHP

Features

Drag & Drop elements to adjust layout

Live Text Editing

Font Editing

Responsive Themes

Instructions

First, select layout.

Drag & Drop Elements: Click and hold elements for about 3 seconds to initiate drag & drop
Editing Text: Triple-click on text

Features in Progress(See branches)

Color Picker: Allows users to change the background and font color of elements.
DD Elements: Drag & Drop additional UI Elements into DOM such as forms, tables, buttons, slideshows, etc.
DD Images: Allows users to drag & drop images from a desktop into DOM, and replace filler images.

Known Bugs

Alternatve method to creating the 'download' feature rather than using a python CGI script. A PHP script will most likely be a better option due to more support from hosting services.
Editing gears do not function yet. Edit gears were meant to allow users to edit individual elements.

License

This software is free to use under the Yahoo! Inc. BSD license. See the LICENSE file for license text and copyright information.