Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Prezentacje w HTML5 i CSS3

Autor: Piotr Karpiuk o piątek 3. Luty 2012

PowerPoint ma pewne wady. Nie jest darmowy, wymaga użycia Windows, znudził się już ludziom, a nawet ogranicza prowadzącego prezentację, o czym wspomniał Janek w osobnym poście. Alternatywy takie jak Impress z OpenOffice są jedynie okrojoną imitacją PowerPointa.

Jeśli jesteś webmasterem, być może zastanawiałeś się dlaczego nie stworzyć slajdów po prostu w HTML z wykorzystaniem nowinek takich jak CSS3? Takie slajdy byłyby przenośne, interaktywne, a przy tym mogą być równie piękne jak witryny które tworzysz na co dzień.

I rzeczywiście, pojawiło się kilka bibliotek JavaScriptu czy frameworków, które pozwalają skupić się na zawartości slajdów (zwykły element DIV w którym możesz umieścić cokolwiek zechcesz) przejmując na siebie zadanie przewijania slajdów z wykorzystaniem określonego efektu, sporządzania spisu treści itp.

Niektóre z tych bibliotek robią wrażenie wykorzystując animacje oferowane przez kaskadowe arkusze stylu.
Polecam zwłaszcza impress.js:


Sam ostatnio użyłem mniej efektownego, ale i mniej pracochłonnego w przygotowaniu, deck.js (opisany w Linux Magazine 12/2011), zwrócił moją uwagę CSS 3D Slideshow, ale są też np. Shower, S5, DZSlides, HTML5Slides (produkt Google’a), Fathom.js (plugin jQuery).
Share and Enjoy:
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Śledzik
  • Blip
  • Blogger.com
  • Gadu-Gadu Live
  • LinkedIn
  • MySpace
  • Wykop

Zostaw komentarz

XHTML: Możesz użyć następujących tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>