title: Prezi HTML5 Editor via impress.js
body: <p>I recently known that <a href="http://bartaz.github.com/impress.js/">impress.js</a> has been created as a HTML5 version of Prezi. This helps us to move away from the proprietary Flash technology, and instead use an open web standard that will become universal to all platforms.</p>
  
  <p>However, it is annoying to type up the code on a HTML text editor (like writing the translation, rotation, and the scale values for the slide). It becomes difficult to visualize the presentation especially when the code is extended to an unbearable length.</p>
  
  <p>So here is an example I just created. When reading the HTML code below, it is hard to know exactly where the slides are, and how they will be displayed.</p>
  
  <pre><code>&lt;div id="impress"&gt;
      &lt;div class="step" data-x="0" data-y="0"&gt;
          Slide 1 at origin.
      &lt;/div&gt;
  
      &lt;div class="step" data-x="100" data-y="100" data-scale="0.5"&gt;
          Slide 2 has been moved south-eastern side and shrunk by half compared to slide 1.
      &lt;/div&gt;
  
      &lt;div class="step" data-x="-500" data-y="-405" data-rotate-x="50" data-rotate-y="-34" data-rotate-z="50" data-scale="2.5"&gt;
          Slide 3 has been rotated in 3D and is 2.5x larger than slide 1.
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript" src="impress.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/vxYGL/6/">A JS Fiddle Example</a>.</p>
  
  <p>So is there a WYSIWYG HTML5 Prezi editor that I could use? I would want one as it will make it much easier to create presentations based on HTML5, CSS3, and JavaScript.</p>