Präsentationen als Webseite mit desk.js

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

6 Gedanken zu “Präsentationen als Webseite mit desk.js

  1. Ich mag HTML 5 und CSS3, allerdings verstehe ich den Sinn hier nicht ganz. Da ist man mit Flash definitv schneller im bauen und das „da braucht man ja ein Plugin“ zieht auch nicht, da der Player auf dem Desktop im File intergriert ist.

Schreibe einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s