Feb 3, 2012

Kontakt Formular in CSS3 und HTML5

admin CSS3, HTML5, Web css3, fonts, formular, html5, iconic, modernizr, onori, open source, piktogramme, stphanie walter, tutorial 0 Comment

Stéphanie Walter hat auf Onextrapixel ein Tutorial veröffentlicht, in dem sie erklärt wie man nur mit Hilfe von HTML5 und CSS3 ein sehr ansprechendes Kontaktformular erstellen kann. Das Design, das wahrscheinlich in Anlehnung an die US Mail Umschläge entstanden ist, kommt komplett ohne Grafiken aus.

Alle grafischen Elemente, wie beispielsweise die Piktogamme vor den jeweiligen Labels, werden als Schriftart eingebunden. Verwendet wurde hierfür das Open Source Iconset “Iconic” von P.J. Onori.

Die Demo wird allerdings in Browsern, die noch keine ausreichende HTML5 und/oder CSS3 Unterstützung bieten, nicht richtig dargestellt. Das heißt wer das Formular gerne einsetzen möchte, sollte eventuell über den Einsatz von modernizr nachdenken, damit es auch browserübergreifend anständig angezeigt wird.

Hier geht’s zum Tutorial, die Demo könnt Ihr hier sehen.