Kategorien
HTML5

HTML5 Tutorial

Die neuen Funktionen und Anwendungen von HTML5 im Überblick

Die neuen Formulare

Auch bei Formularen hat HTML5 interessante Neuerungen implementiert. Die Benutzerfreundlichkeit wird durch die neuen Funktionen verbessert, die zwar schon vorher durch Javascript-Bibliotheken vorhanden waren, jedoch jetzt endlich auch ohne aktiviertes Javascript benutzt werden können. Dies gilt im Übrigen für fast alle neuen Funktionen.

number

Mit einem einem input-Formular des Typs number, ist es möglich Zahlenwerte vom User einfacher abzufragen, sowie einen Wertebereich sowie einen Mindestabstand zwischen den möglichen Wahlwerten vorzugeben ohne den User mit komplizierten Regeln zu überfordern.
Aktuell kann nur Opera diesen Typ darstellen. <input type="number" min="18" max="65" step="1">

 

Darstellung in Opera 11.01: html5 number opera
Ihr aktueller Browser:
Kategorien
HTML5

Parallax Effekt

Eine faszinierender Effekt, in dem sich ohne Flash nur mit HTML5 der Vordergrund unterschiedlich schnell bewegt im Vergleich zum Mittel- bzw. Hintergrund.

Bsp gefällig? egopop, unit51, stephband

Die Bibliothek zum Erstellen eigener Webseiten gibt es hier. Achtung, es wird zwingend jQuery in einer niedrigen Version (1.2.6) benötigt, es kann also zu Problemen kommen in manchen Fällen.

Kategorien
HTML5

HTML5 mit Boilerplate

Das HTML5 Framework Boilerplate bietet ein Grundgerüst für die Programmierung in dem neuen Webstandard HTML5 an und beinhaltet

  • eine Optimierung für mobile Endgeräte
  • Cross-Browser Kompatibilität insbesondere für die Internet Explorer Versionen
  • HTML5 Cross-Browser Kompatibilität über die Javascript Bibliothek modernizer
  • jQuery für sämtliche Javascript Arbeiten
  • .htaccess-Datei  mit gängigen Standardeinstellungen und Performance Optimierungen
  • Druck CSS Stylesheet