Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

Meta

Marc Englund

Senior Vaadin Expert

Would it not be great if our presentations...

  • Were modern

  • Looked great

  • Performed well magic

  • Made you and your audience happy

    • With animations and

    some rockin

    transitions...

    in frikken

    3D

    Pretty code

    /* A comment */
public void click(boolean param) {
   if (isEnabled() && !isReadOnly()) {
      fireClick();
   }
}

    Embedded apps

    One more thing

    It´s HTML

    impress.js + some stuff

    <div id="fragment" class="step" 
   data-x="2500" data-y="-3000" data-z="1000"
   data-scale="5"
   data-rotate="90" data-rotate-x="90">
   
   <h1>Some heading</h1>
   <h2 class="point">Bullet point</h2>
   <h2 class="point red">Colored point</h2>		
</div>

    Why?

  • Practical: embedded apps, sites

  • Brand: we do awesome everything

  • Consistency: our stuff runs in browsers

    • TODO

  • More CSS, templates

  • Editor? Wiki based? HTML editor?

  • 3D positioning a challenge

  • Font license?

    • Thank You!

    http://marc.virtuallypreinstalled.com/ImpressVaadin