Sie befinden sich hier:
Homepage
»
Webseitengestaltung
»
Blog
»
HTML5 und CSS3 Tipps - Seite 2

Blog Kategorie - HTML5 und CSS3 Tipps - Seite 2

20.Oktober2013

Placeholder-Attribut in alten Browsern (z.B. IE 6-9) ermöglichen

Kategorie(n): HTML5 und CSS3 Tipps

In modernen Formularen ist es üblich, in Eingabefeldern diverse Informationen vorzublenden. In Kontaktformularen können Sie z.B. an Stelle der Feldlabel die zu erwartende Information als Platzhalter (Placeholder) innerhalb des Feldes anbieten. In einem Suchfeld können Sie z.B. als Begriff „Suchbegriff hier eingeben“ vorblenden. Diese Methode ist einerseits platzsparend und andererseits erhöht sie die Flexibilität, falls Sie Ihre Website auf responsive Webdesign umstellen wollen. Doch leider reagieren noch nicht alle Browser auf das Placeholder-Attribut.

» Kommentar(e) » Weiterlesen
17.April2013

Erfahrungsbericht:
Umstellung Website auf responsive Webdesign

Kategorie(n): HTML5 und CSS3 Tipps, Mobile Webseiten

Regelmäßige Leser dieses Blogs haben sicherlich bemerkt, dass die letzten Blogeinträge dem Thema responsive Webdesign gewidmet waren. Vielleicht hat auch schon jemand die Größe des Browserfensters verändert, um zu sehen, ob hinter der Theorie auch die praktische Erfahrung steckt. Die Frage kann ich mit JA beantworten, denn seit Anfang April 2013 ist diese Website auf responsive Webdesign umgestellt.

» Kommentar(e) » Weiterlesen
23.Februar2013

Scriptbeispiel: Social Button - w3c valide für HTML5 Website

Kategorie(n): HTML5 und CSS3 Tipps, Social network, Web Scripte

Für Social Buttons gibt es jede Menge Plug-ins und Generatoren, um sie in die eigene HTML5-Website zu integrieren. Meine Erfahrung ist, dass die Plug-ins teilweise nicht W3C-konform sind oder der Code nicht optimiert ist oder andere Mängel aufweisen, die mich dazu animiert haben, eine Version zu erstellen, die sowohl W3C-konform, als auch codeoptimiert ist. Als zusätzliches Feature stehen die Button fest (fixiert), d.h. beim Scrollen der Seite bleiben die Button immer im sichtbaren Bereich.

» Kommentar(e) » Weiterlesen

Seite: