Sie befinden sich hier:
Homepage
»
Webseitengestaltung
»
Blog
»
Web Scripte

Blog Kategorie - Web Scripte

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

Touch Events richtig anwenden

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
23.Februar2013

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

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
28.Dezember2011

Praktische Beispiele: Umleitung auf mobile Webseiten

Update: 09.01.2015 - Aktualisierung der UserAgent-Erkennung
Eine Möglichkeit der Unterscheidung, ob die mobile oder die herkömmliche Version einer Webseite ausgeliefert wird, basiert – wie bereits beschrieben - auf der Auswertung des User-Agents des Browsers. Die folgenden praktischen Beispiele sollen dies verdeutlichen. Sie können die Beispiele für Ihre Webseiten verwenden und individuell anpassen.

» Kommentar(e) » Weiterlesen