HTML5-Präsentationen

Deck.js statt Powerpoint

Caleb Troughton hat mit Deck.js eine kleine Software geschrieben, mit der sich mit ein wenig HTML ansehnliche Präsentationen umsetzen lassen, die einfach im Browser wiedergegeben werden können.

Artikel veröffentlicht am ,
Einfache Präsentationen mit HTML, CSS und Javascript
Einfache Präsentationen mit HTML, CSS und Javascript (Bild: Caleb Troughton)

Moderne HTML-Präsentationen verspricht Caleb Troughton mit Deck.js. Die einzelnen Folien bestehen aus einfachem HTML-Code, wobei jede Folie einfach in ein HTML-Element mit der Klasse "slide" gekapselt wird. Das Deck.js Modul Core kümmert sich um die Organisation der Folien und weist ihnen jeweils einen Status zu, für den entsprechender CSS-Code hinterlegt werden kann. Darüber werden auch die Übergänge zwischen den Folien definiert.

Stellenmarkt
  1. IT-Systemadministrator*in (m/w/d)
    Universität Osnabrück, Osnabrück
  2. Softwareentwickler Elektrokonstruktion (m/w/d)
    Hegenscheidt-MFD GmbH, Erkelenz
Detailsuche

Zudem unterstützt Deck.js Erweiterungen für weitere Anpassungen. Zugleich aber ist Deck.js dadurch sehr modular, denn viele Funktionen hat Troughton seinerseits über Erweiterungen umgesetzt. Die Core-Version unterstützt beispielsweise nur die Navigation mit den Pfeiltasten. Die Erweiterung deck.goto erlaubt ein direktes Anspringen einzelner Folien, deck.hash eine interne Verlinkung von Folien und deck.menu gibt eine Übersicht aller Folien. Hinzu kommt deck.navigation: Die Erweiterung blendet Pfeile zur Navigation mit der Maus ein. Das Modul deck.status zeigt die Zahl der Folien und die aktuelle Position in der Präsentation an. Dabei enthält jede Erweiterung den kompletten Javascript-, CSS- und HTML-Code, der für die jeweilige Funktion benötigt wird.

Natürlich lassen sich auch Bilder, Videos und Zitate einbetten.

Deck.js ist Open Source, der Code ist bei Github zu finden.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


geronimo89 24. Aug 2011

momentan verwende ich fathom.js für meine Präsentationen, deck.js schaue ich mir als...

YoungManKlaus 24. Aug 2011

Auch in HTML5 bleibt eine fade Präsi eine fade Präsi, da hilft der beste Hype nix.

efwoieufhliue 23. Aug 2011

Unter http://de.wikipedia.org/wiki/S5_(Dateiformat) sind paar Editoren gelistet. Ich gehe...

likely 23. Aug 2011

ich hab mir für sowas auch schön längst was mit $ gebastelt. Für Zwei Monitore...



Aktuell auf der Startseite von Golem.de
Arbeiten bei SAP
Nur die Gassi-App geht grad nicht

SAP bietet seinen Mitarbeitern einiges. Manchen mag das zu viel sein, aber die geringe Fluktuation spricht für das Softwareunternehmen.
Von Elke Wittich

Arbeiten bei SAP: Nur die Gassi-App geht grad nicht
Artikel
  1. Truth Social: Trumps Twitter-Klon erhält Milliarde von Investoren
    Truth Social
    Trumps Twitter-Klon erhält Milliarde von Investoren

    Für den Aufbau seiner Twitter-Alternative Truth Social hat sich der frühere US-Präsident Trump die Unterstützung unbekannter Investoren gesichert.

  2. Gerichtsurteil: Widerrufsrecht gilt trotz Preload von Computerspielen
    Gerichtsurteil
    Widerrufsrecht gilt trotz Preload von Computerspielen

    Nintendo hat seinen Onlineshop schon geändert: Ein Gerichtsurteil hat 14 Tage Widerrufsrecht beim Kauf von Games bestätigt.

  3. SpaceX: Das Starship für den Mars soll gebaut werden
    SpaceX
    Das Starship für den Mars soll gebaut werden

    Elon Musk hat via Twitter den Bau seines Mars-Starships angekündigt. Dazu schreibt der SpaceX-Gründer, dass es endlich Realität werden soll.

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    Daily Deals • Bosch Professional Werkzeug und Zubehör • Corsair Virtuoso RGB Wireless Gaming-Headset 187,03€ • Noiseblocker NB-e-Loop X B14-P ARGB 24,90€ • ViewSonic VX2718-2KPC-MHD (WQHD, 165 Hz) 229€ • Alternate (u. a. Patriot Viper VPN100 2 TB SSD 191,90€) [Werbung]
    •  /