Barrierefreiheit mit der BITV - nun endlich verständlich!

Kaum einer hat bemerkt, was für eine hervorragende Arbeit sich der geschätzte Barrierefreiheits-Experte Tomas Caspers in den letzten Monaten gemacht hat. Sonst als lästerhafter, aber dennoch sympatischer Besserwisser bekannt, schlüpft Tomas für eine Grundlagenserie in den Erklärbär-Mantel und erläutert Punkt für Punkt, was die ganzen Paragraphen der BITV eigentlich für die Webdesign-Praxis im Jahre 2007 bedeuten. Recht so. Dabei bleibt es nicht bei einer simplen Erklärung – Tomas beurteilt auch die Paragrafen nach ihrer Sinnhaftigkeit, was großartig ist und sich nebenbei auch gut liest.

Die Artikelserie heißt “BITV Reloaded” und ist nun mit der Fertigstellung von Folge 14 nun endlich komplett erschienen und kann kostenlos als einzelnes HTML- oder PDF-Dokument heruntergeladen werden.

Ich sage: Danke, Tomas! Und an alle anderen: Pflichtklektüre und von unschätzbarem Wert! (Wie wär’s mit einer aufbereiteten Version bei lulu.com? Ich wäre der erste Käufer!)

Kommentare (0) 27.06.2007, gerritvanaaken

Alternativen für Feedburner und Google Reader (update)

Aus gegebenem Anlass habe ich meine Internet-Nutzung ein kleines bisschen angepasst und versuche in Zukunft, auf einige Google-Dienste zu verzichten. Nur so als Feldversuch.

Okay, GMail ist für private Mail einfach unverzichtbar, ebenso wie die normale Google-Suche. Doch für zwei häufig genutzte Dienste steige ich jetzt um, damit nicht zuviele Daten über mich beim dicken G aus Kalifornien landen.

Feeds kombinieren erledige ich jetzt mit pipes statt mit Feedburner. Ist zwar etwas übermächtig für diesen Zweck, aber dafür technisch hochinteressant (Canvas). Bietet keine Statistikfunktion, aber die habe ich sowieso nie genutzt!

Feeds lesen ist von nun an Sache von Newshutch statt von Google Reader. Newshutch sieht toll aus, fühlt sich gut an und ist m. E. eh der beste Online-Feedreader. Allein, kaum jemand kennt ihn. Zu Unrecht!

update am 18.6.2007:

Externe Statistiken kann man in Kürze mit Reinvigorate durchführen. Das hat zwar nicht ganz so viele Funktionen wie Google Analytics, aber sieht sehr gut aus und scheint schnell und gut zu laufen.

Kommentare (13) 18.06.2007, gerritvanaaken

Kleines Detail, große Wirkung

Im geschätzten Fscklog gibt es eine feine Beobachtung über das in zwei Wochen auf dem US-Markt erhältliche iPhone: Auf älteren Promo-Abbildungen wirkt das Gerät deutlich größer und klobiger als auf aktuellen Darstellungen. An den eigentlichen Abmessungen hat sich jedoch nichts verändert – Grund ist lediglich der Wechsel zu einer größeren Model-Hand mit einer veränderten Haltung.

Links: Aktuelle Abbildung, iPhone wirkt klein
Rechts: Frühere Abbildung, iPhone wirkt größer

Ich finde diese “optische Täuschung” sehr faszinierend – zeigt sie doch eindrucksvoll, wie sehr man mit der Konzentration auf scheinbar unwichtigen Details eine deutlich verbesserte Wirkung erzielen kann. Solche Dinge sind es, die einen guten Designer von einem großartigen Designer unterscheiden – es ist immer noch Raum für Verbesserungen!

Kommentare (2) 13.06.2007, gerritvanaaken

Insider-Tipps für einen Raketenstart in die Blogosphäre

Marc Andreessen, der vor einigen Jahren mal eine unbedeutende kleine Firma namens Netscape gegründet hat, startet ein Blog. Und er startet gleich richtig durch. Das geht nämlich ganz einfach, wenn man genau weiß, wie. Wir Blogexperten von 3st verraten euch, wie man das anstellt, wenn man so richtig schnell richtig viel Traffic aufs eigene Blog bekommen möchte!

1. Schreibe einen langen, langen Artikel darüber, wie Du deine Dinge organisiert bekommst!

Getting Things Done geht immer und überall. Die Amis sind verrückt danach und verschwenden ihre gesamte Zeit damit, Artikel darüber zu lesen, wie sie die Zeit besser hätten nutzen können. E-Mails in Ordner sortieren: ja oder nein? To-Do-Listen: wie lang, wie oft? Kalender benutzen: online oder analog?

2. Veröffentliche eine Top-10-Liste oder eine Worst-10-Liste!

Die Themen sind eigentlich egal, Hauptache es geht um Soft- oder Hardware: Die 10 besten Firefox-Plugins, die 10 nutzlosesten USB-Spielzeuge, die 10 schlechtesten Betriebssyteme, die 10 günstigsten Adobe-Illustrator-Alternativen, die 10 nützlichsten Freeware-Programme für Mac OS X.

3. Schreibe einen kontroversen Beitrag über ein sensibles Software-Thema

Auch hier ein paar Themenvorschläge: “Warum Textmate doppelt so gut ist wie VIM”, “Nach 15 Jahren Mac OS: mein Switch zu Vista”, “50% der Funktionen von Opera sind bei Firefox geklaut” oder auch “Warum ich alle meine 20.000 Songs von OGG zurück nach WMA konvertiert habe”

4. Zeichne einen Comic-Strip über ein Blogthema

Wenn Du nicht zeichnen kannst – umso besser! Blogcomics sind traditionell laienhaft gezeichnet. Je mieser Dein Strich, desto höher wird Dein Technorati-Ranking!

Quicktipps für spezielle Blogs:

(in Deutschland) Behaupte, dass Blogs den klassischen Journalismus ablösen werden!
(in Deutschland) Behaupte, dass Sascha Lobo / Johnny Häusler / Stefan Niggemeier / Mario Sixtus korrupte und intregante Wendehälse sind!
(für Informatiker) Lege Dir ein wirklich ~~mieses~~ zweckmäßiges Blogdesign zu – nur so wirst du ernstgenommen!

Kommentare (2) 06.06.2007, gerritvanaaken

IE Hover-Bug 2.0

Diese Woche ist bei uns Bug-Suche angesagt, natürlich darf bei der Suche wieder nicht der Internet Explorer fehlen.

Was Gerrit und mich aufmerksam gemacht hat, war das Verhalten von absolut positionierten A-Blockelementen wenn sie über ihr relativ positioniertes Eltern-Element hinausragen. Dann passiert wie in diesem Beispiel folgendes:

A-Element kann nicht in voller Höhe gehovert oder geklickt werden, sondern nur auf den tatsächlichen Buchstaben.
aber innerhalb des Eltern-Element ist er in voller Breite und in der Eltern-Höhe aktiv.

Eine der Lösungen für das Problem ist, dem A-Element eine Hintergrundfarbe zu geben. Wer das A-Element jedoch gerne transparent haben möchte, muss sich, wie in alten Zeiten, ein 1×1px transparenten Gif bauen, und dieses als Hintergrund definieren.

Kommentare (0) 06.06.2007, Stanislav Müller

ActionScript Funktionen mit JavaScript aufrufen – IE-Bug

Um eine ActionScript-Funktion mit JavaScript aufzurufen, benötigt man das “ExternalInterface” von Flash (seit Flash 8 vefügbar). Da Flashmovies, Browser und Betriebsystem “unabhängig” sind, könnte man erwarten, dass es auch überall funktioniert. Im Normalfall ist es auch so, außer man heißt Microsoft Internet Explorer. Dieser hat Probleme, den Flashmovie zu finden, wenn der Movie sich innerhalb einer HTML-Form befindet.

Herunterladen

Die Testdateien mit FLA als Zip

Kommentare (0) 04.06.2007, Stanislav Müller

eBay poliert seinen Header

Ein Schock kurz vor der Mittagspause: eBay hat – nach gefühlten 27 Jahren – ihre Headergrafik schick gemacht. Ja, vom Screendesign her ist das tatsächlich schick geworden. Ein paar Verläufe, ein bisschen Schatten, und vor allem endlich mal HTML-Text statt GIF-Grafiken.

Aber eBay wäre nicht eBay, gäbe es nicht lustigen Code zu bestaunen. In diesem Falle eine bis zu vierfach verschachtelte Tabellenkonstruktion. Besonders hübsch: Die Schmuckleiste mit den unterschiedlich langen, bunten Streifen ist auch als Tabelle umgesetzt. Immerhin mit Klassen “brnd1” bis “brnd7” und diese sind dann in Prozentwerten per CSS gestylt. Ich weiß nicht, ob ich lachen oder weinen soll.

Kommentare (3) 01.06.2007, gerritvanaaken

AGENTURBLOG