Sie befinden sich hier:
Homepage
»
Webseitengestaltung
»
Blog
»
Archiv - 2013

Webseitengestaltung - Blog Archiv: 2013

16.Dezember2013

Valide GZIP Kompression für statische Webseiten

Kategorie(n): Performance, Web Scripte

In einem früheren Blogbeitrag (Performancegewinn durch Content-Komprimierung) beschrieb ich, wie man manuell Dateien (z.B. html, css, js, ...) komprimieren kann, falls der Webserver eine automatische Kompression nicht unterstützt. Ich empfahl 7-Zip oder IZArc. Vor kurzem wies mich ein Leser darauf hin, dass auf diese Art komprimierte Inhalte zwar korrekt ausgeliefert und vom Browser korrekt angezeigt werden, sie allerdings von verschiedenen Validatoren bemängelt werden.

» Kommentar(e) » Weiterlesen
03.Dezember2013

CSS-Tutorial:
Kombination von before mit hover und background

Hover-Effekte für Links oder Menüleisten mit CSS zu realisieren sind sicherlich nicht sonderlich kompliziert. Doch wenn es etwas mehr sein soll, z.B. ein hover-Effekt für den Hintergrund (background) einer Menüleiste und gleichzeitig für das Menü-Icon, ist es schon nicht mehr ganz so trivial. Nachfolgend möchte ich die notwendigen Schritte in einem kleinen Tutorial kurz erläutern.

» Kommentar(e) » Weiterlesen
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
27.Mai2013

Zwei Klicks für mehr Datenschutz - performanceoptimiert

Immer mehr Webseitenbetreiber bauen Zwei-Klick-Lösungen in Ihre Webseiten ein, um dem Datenschutz zu genügen. Weit verbreitet und sicherlich nahezu perfekt ist die Heise-Lösung. Doch leider verursacht diese Zwei-Klick-Lösung 9 zusätzliche Requests und überträgt, in der komprimierten Form, 14,1kB zusätzliche Daten. Dies hat mich dazu animiert, eine performanceoptimierte „Light-Version“ basierend auf jQuery zu erstellen.

» Kommentar(e) » Weiterlesen

Seite: