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

Kategorie(n): HTML und CSS Tipps, HTML5 und CSS3 Tipps

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
08.Mai2013

Touch Events richtig anwenden

Kategorie(n): Mobile Webseiten, Web Scripte

In Desktop-Browsern werden üblicherweise Aktionen durch einen Maus-Klick ausgelöst. Steht ein Touchscreen zur Verfügung, z.B. bei Smartphones oder Tablets, kann hierzu auch die Berührung des Bildschirmes genügen. Da aber ein Anwender sein Tablet sowohl über den Touchscreen, als auch über eine angeschlossene Maus bedienen kann, muss man in bestimmten Situationen auf beide Events korrekt reagieren. Dabei kann es zu unschönen Nebeneffekten kommen, die es gilt zu vermeiden.

» Kommentar(e) » Weiterlesen

Seite:

  • 1
  • 2