Smart-Webentwicklung

HTML5 WebStorage API: Dateien mithilfe der FileAPI speichern

Stephan L. — Fri, 10 May 2013 14:01:21 +0000

Im letzten Artikel hatte ich euch bereits eine kurze Einführung in die HTML5 WebStorage API gegeben. Dabei wurde deutlich, dass als Datentyp für einen zu speichernden Wert nur DOMString unterstützt wird. Trotzdem ist es möglich auch andere Datentypen, wie z.B. Arrays, Objekte oder aber sogar Dateien mittels der WebStorage API zu speichern. Dazu müssen wir einfach die Datentypen vor dem…

Den kompletten Artikel lesen »

HTML5 WebStorage API (LocalStorage & SessionStorage)

Stephan L. — Sun, 05 May 2013 12:43:34 +0000

Die HTML5 WebStorage API, teilweise auch als DOM Storage bezeichnet, dient der clientseitigen Speicherung von Daten in Form von Schlüssel-Wert-Paaren. Man kann auch vereinfacht sagen, die Daten werden lokal im Webbrowser gespeichert. Grundsätzlich ist die WebStorage API in die zwei verschiedenen Speicherarten namens LocalStorage und SessionStorage unterteilt. In diesem Artikel stelle ich euch nun die HTML5 WebStorage API vor. LocalStorage…

Den kompletten Artikel lesen »

Blog-Statistik – April 2013

Stephan L. — Wed, 01 May 2013 10:53:13 +0000

Das erste Quartal des Jahres gehört bereits der Vergangenheit an und so wird es Zeit einen Blick auf die aktuelle Blog-Statistik zu werfen. Erneut konnte ein neuer Besuchsrekord verzeichnet werden, der mit 3865 Besuchen aber nur leicht über dem Bestwert aus dem Vormonat lag. Somit gab es hier im Blog im Durchnitt ca. 129 Besuche pro Tag. Im Folgenden nun…

Den kompletten Artikel lesen »

JavaScript: Callback-Funktionen erstellen & nutzen

Stephan L. — Wed, 01 May 2013 08:29:21 +0000

Callbacks bzw. Callback-Funktionen werden in JavaScript sehr häufig eingesetzt. In JavaScript wird dabei auch meistens von Event-Handlern gesprochen. Oft verwendet werden solche Callbacks in JavaScript z.B. beim Einsatz von AJAX oder um auf bestimmte Events, wie z.B. dem Klick auf einen Button, zu reagieren. „Eine Rückruffunktion (englisch callback function) bezeichnet in der Informatik eine Funktion, die einer anderen Funktion als…

Den kompletten Artikel lesen »

Online- bzw. Offline-Status des Browsers erkennen – 2. Ansatz

Stephan L. — Wed, 24 Apr 2013 07:24:13 +0000

Vor einiger Zeit hatte ich euch bereits gezeigt, wie ihr mittels der Eigenschaft window.navigator.onLine den Online- bzw. Offline-Status des Browsers erkennen könnt. Dabei wurde deutlich, dass die Eigenschaft nicht sehr verlässlich ist und nicht unbedingt den korrekten Verbindungsstatus zurückgibt. Aus diesem Grund zeige ich heute, wie ihr mittels AJAX & Polling feststellen könnt, ob der Browser Online oder Offline ist.…

Den kompletten Artikel lesen »

AJAX: Datei-Upload mit XHR2 und FormData

Stephan L. — Wed, 17 Apr 2013 06:41:52 +0000

In der Vergangenheit war der Upload von Dateien mittels AJAX, konkreter gesagt mit XMLHttpRequest Level 1, immer recht mühselig. Deswegen wurden hierfür oft irgendwelche versteckten iFrame-Hacks und Plugins verwendet. Mit XHR2 bzw. XMLHttpRequest Level 2 und der neuen FormData-Klasse gibt es nun jedoch eine sehr einfache Möglichkeit Dateien bzw. generell ganze Formulare inklusive Dateien zum Server hochzuladen. In diesem Artikel…

Den kompletten Artikel lesen »

node.js: SPDY-Server unter Windows einrichten

Stephan L. — Thu, 11 Apr 2013 07:57:18 +0000

Da ich die Entwicklung im Bereich SPDY sehr interessant finde, habe ich gestern mal testweise versucht einen SPDY-Server lokal unter Windows zum Laufen zu bekommen. Eigentlich wollte ich als Webserver Apache nutzen, aber das entsprechende Modul mod_spdy ist für Windows derzeit nicht verfügbar. Also habe ich mal geschaut, was es denn für Alternativen gibt und bin dann auf nginx und…

Den kompletten Artikel lesen »

WordPress: Individuelle 404-Fehlerseite erstellen

Stephan L. — Mon, 08 Apr 2013 07:36:31 +0000

Fehler können immer mal passieren, aber nichts ist schlimmer als den Besuchern eures Blogs Fehlerseiten der Art „Error 404: file not found“ zu präsentieren. Eine nichtssagende Fehlerseite hinterlässt keinen guten Eindruck und führt nicht selten dazu, dass die Besucher den Blog direkt wieder verlassen. Viel besser wäre es doch, wenn die Fehlerseite benutzerfreundlich ist und hilft den Besuchern das zu…

Den kompletten Artikel lesen »

Online- bzw. Offline-Status des Browsers erkennen – 1. Ansatz

Stephan L. — Thu, 04 Apr 2013 08:38:19 +0000

Im Rahmen von HTML5 wurden einige Neuerungen vorgestellt und eingeführt, die es ermöglichen offline-fähige Webapplikationen zu erstellen. Zu diesen Neuerungen zählen vorwiegend der Application Cache und die verschiedenen Möglichkeiten zum Speichern von Daten auf Clientseite mittels der WebStorage API, IndexedDB API und der File API. Interessant hierbei ist nun, wie man eigentlich feststellen kann, ob der Webbrowser online oder offline…

Den kompletten Artikel lesen »

Blog-Statistik – März 2013

Stephan L. — Mon, 01 Apr 2013 14:56:57 +0000

Es ist mal wieder Zeit für den monatlichen Blog-Statistikreport, der auch dieses mal wieder äußerst positiv ausfällt. Mein Ziel für den März war es die 3000er-Besuchsmarke, an der ich im Februar nur leicht vorbeigeschrammt bin, zu knacken und das ist mir mehr als gelungen. Mit 3680-Besuchen konnte abermals ein neuer Besuchsrekord verzeichnet werden. Damit gab es im Durchscnitt ca. 119…

Den kompletten Artikel lesen »