Präsentationen als Webseite mit desk.js

von tobonaut

Servus ihr,

html5 und css3 rocken. Dies kann man  als Tatsache so stehen lassen. Super auch noch, wenn sie ihren Weg abseits von normalen Webseiten haben.

Mit dem Css- und Javascriptframework „desk.js“ könnt ihr super schöne Präsentationen in Html gestalten. Natürlich inklusive schönen Übergängen und garantiert ohne Flash!

Dabei müsst ihr nur simplen Source schreiben. Hier als Beispiel eine Präsentationen mit drei Slides und Unterpunkten.

<body class="deck-container on-slide-1">
  <section class="slide deck-previous">
    <h1>My Presentation</h1>
  </section>

  <section class="slide deck-current">
    <h2>Slide Header</h2>
    <p>Here is a list of points:</p>
    <ul>
      <li>Point 1</li>
      <li>Point 2</li>
      <li>Point 3</li>
    </ul>
  </section>

  <section class="slide deck-next">
    <h2>Another Slide</h2>
    <blockquote cite="http://example.com">
      <p>Lorem ipsum dolor sit amet.</p>
      <p><cite>Cicero</cite></p>
    </blockquote>
  </section>
</body>

Auf deren Homepage gibt es ein ausführliches User-HowTo und natürlich kommen auch die Entwickler nicht zu kurz. Ein Blick lohnt auf jeden Fall!

An dieser Stelle einen Dank an Denny (@tuxinaut), welcher mir dieses Framework auf der RadioTux Klausurtagung zeigte. Super!

 

-der Bayer

Advertisements