Webservices cachen

Verlasse dich nie darauf, dass Webservices immer funktionieren! Du solltest grundsätzlich immer den letzten validen Return des Webservices auf deinem Server cachen und erst mit dem nächsten validen wieder überschreiben.

Testwerkzeuge und Validatoren

Sauberen, korrekten (X)HTML- und CSS-Code schreiben - ob von Hand, oder mit einem CMS-System, mit einer Blog- oder Forensoftware, ist eine Sache. Aber auch hierbei gilt: Kontrolle ist besser. Um Webseiten nach allen denkbaren Kriterien zu testen, gibt es eine Fülle von Werkzeugen, viele davon online. Ich habe mal in meine Werkzeugkiste gegriffen, und stelle meine wichtigsten Tools vor.

CSS für das iPhone live testen

Klar, jede Webseite kann man mit dem iPhone und fleissigem Zoomen (mit Daumen und Zeigefinger) und Herumgeschiebe des für den Monitor zu großen Inhalts irgendwie betrachten. Aber Übersichtlichkeit ist etwas anderes. Ich bediene daher auch das iPhone mit dem Stylesheet für Handhelds und Handys. Der Artikel zeigt, wie man sich eine Arbeitsumgebung schafft, um dieses CSS auf einfache Art zu editieren und zu testen.

Das Logo ist auch Link zur Startseite

Der Link zur Startseite. Es ist inzwischen allgemein bekannt, dass Nutzer den Link zur Startseite auf dem Firmenlogo erwarten. Für gewöhnlich also links oben auf der Seite.
Natürlich wäre es hübsch, wenn dies irgendwie signalisiert wird. Am besten nur, solange die Maus oder der Tastaturfokus auf dem Logo liegt.

Ein Fortschrittsbalken - auch für den Yahoo Media Player zum Mitnehmen

Ist ja wirklich pfiffig, der Yahoo Media Player "zum Mitnehmen".
Aber jetzt fehlt wieder der Fortschrittsbalken, den wir auf eigenen Seiten eingebaut haben.
Damit konnte ich mich nicht zufrieden geben ...

Der Yahoo Media Player "zum Mitnehmen"

Schön, jetzt haben wir also den Yahoo Media Player auf der eigenen Seite installiert.
Aber was ist mit den zahlreichen Seiten im Web, die mp3 immer noch zum Download anbieten? Wäre es nicht pfiffig, wir könnten den Yahoo Player auf diese Seiten mitnehmen, um Musik auch dort ohne langes Warten auf den Download sofort genießen?

Einen online-mp3-Player mit einer einzigen Zeile HTML Code erstellen

Der Yahoo Media Player. Pfiffig, stylisch, und »fast« barrierefrei. Ganz einfach zu installieren. Dann noch ein wenig aufpeppen, und das Teil wird noch stylischer.

"Böses" JavaScript –
"Gutes" JavaScript

Wie setzt man JavaScript richtig ein? Was ist beim Einsatz von JavaScript zu bedenken und zu berücksichtigen. Und wie ist das mit der Barrierefreiheit von JavaScript?

Mein Vortrag auf der Fachkonferenz "Barrierefreies Internet"

Webseiten mit einem Screen Reader auf Barrierefreiheit testen

Wer wirklich Wert auf Barrierefreiheit legt, kommt um Tests mit einem Screen Reader nicht herum. Der Artikel beschreibt eine schnelle, schlanke Methode unter Verwendung des kostenlosen Screen Readers NVDA.

RSS Feed auf der eigenen Homepage anzeigen

RSS Feeds gibt es wie Sand am Meer. Fast jedes Blog oder CMS erzeugt auch einen Feed. Wie wäre es, den Inhalt eines beliebigen Feeds auf der eigenen Homepage anzuzeigen? Automatisch aktualisiert!

Links zu fremden Seiten in neuem Fenster öffnen – mit Gedächtnis

Die Geister scheiden sich daran, wie denn nun ein Link am besten geöffnet werden soll. Die einen schätzen ein neues Fenster, um die alte Ansicht nicht zu verlieren. Andere hassen das Fenstergewirr.
Ich überlasse die Wahl meinem Besucher!
Neu: Eine zusätzliche Funktion, die für Gedächtnis sorgt, und die getroffene Wahl für alle Seiten eines Webauftritts übernimmt.

Anzeigen und verbergen von Bereichen mit JavaScript

Manchmal möchte man Bereiche auf einer Webseite erst bei Bedarf anzeigen, die Seite soll erst einmal übersichtlich und aufgeräumt sein. Erst nach einem Klick sollen Details gezeigt werden. Eine barrierefreie Lösung auf Basis von JavaScript beschreibe ich in diesem Artikel.

@font-face embedding

Das Ende für alle Textersetzungstechniken - und vielleicht der Anfang typographisch schön gestalteter Seiten im Web?

Ein barrierefreier Online Video Player

Die Zeit bleibt nicht stehen, und gerade beim Thema Barrierefreiheit gibt es immer wieder Neues: Inzwischen setze ich einen neuen Video Player ein, der hinsichtlich Barrierefreiheit alles in den Schatten stellt, was ich bisher im Web gesehen habe.

Firefox 3.5 und das audio Tag

Ein Versuch mit dem <audio> Tag von HTML 5. Der Firefox 3.5 spielt damit Audios im open audio format (Ogg Vorbis) und WAV ab, ohne dass dazu ein spezielles Plugin nötig wäre. Ein interessanter Ansatz.

Firefox 3.5 und das video Tag

Ein Versuch mit dem <video> Tag von HTML 5. Der Firefox 3.5 spielt damit Videos im open video format (Ogg Theora) ohne Flash oder ein anderes Plugin ab. Ein interessanter Ansatz.

Hintergrundmusik auf Webseiten

Hintergrundmusik auf Webseiten ist - vorsichtig ausgedrückt - einer der beliebtesten Anfängerfehler. Im Web wird, zu Recht, nachdrücklich davor gewarnt. Diese Warnungen kann man im Wesentlichen wie folgt zusammenfassen: Hintergrundmusik, vor allem, wenn sie ungefragt losdudelt, führt dazu, dass die meisten Besucher die Seite sofort wieder verlassen. Eine Suche nach "Hintergrundmusik auf Webseiten" listet daher - zu Recht - hauptsächlich Seiten auf, die vor dem Einsatz von Hintergrundmusik auf Webseiten warnen. Was aber, wenn ein Webmaster partout der Meinung ist, dass sein Fall ganz anders liegt, und dass auf seiner Seite Hintergrundmusik gerechtfertigt ist? Nun gut, dann wenigstens richtig.

Den Screen Reader Jaws zum Testen von Webseiten auf Barrierefreiheit benutzen

Übersetzung eines Artikels von http://webaim.org/articles/jaws/
Titel des Originals: Using JAWS to Evaluate Web Accessibility

Skiplinks für alle Browser

Skiplinks (englisch: to skip, deutsch: überspringen) sind Links, die es ermöglichen, größere Bereiche einer Webseite zu überspringen, zum Beispiel die Navigation. Skiplinks unterstützen Nutzer, die nur mit der Tastatur arbeiten, zum Beispiel blinde Personen.