Seit Anfang 2011 bin ich bei KERNenergie - "Nüsse nach Deinem Geschmack"! - als hauptverantwortlicher Webentwickler mit von der Partie.

Neben dem Austausch des CMS (statt fast-statischen Smarty Templates jetzt teil-statisches WordPress) liegt der Fokus stark auf Usability und Performance-Optimierung. Letzterem ist die aktuelle Startseite zu verdanken, die im Vergleich zur ursprünglichen Website nicht nur wesentlich schneller lädt, sondern auch erheblich einfacher zu pflegen ist. Desweiteren wurde die Struktur verändert, um den Fokus besser aufs Wesentliche zu setzen (weg von der vorherigen "Bauchladen"-"Ramsch-Ausverkauf"-Optik).

Derzeit in Arbeit befinden sich u.a. folgende Bereiche (Stand 04/2011):

1. Weitentwicklung des Blogs: Teils optisch, vor allen Dingen aber inhaltlich, d.h. statt Presse-Mitteilungs-Ecke hin zum echten Weblog mit Einblicken in den KERNenergie-Alltag
2. Händlerliste: OpenStreetMap-basierte Karte (nicht nur Deutschland)

Nur zur Notiz, damit ich es nicht jedes Mal neu raussuchen muss:

1. Warum target=”_blank” nervt und verboten gehört
2. The folly of target="_blank"
3. Links in new windows (target="blank") considered harmful

Da ich die letzte Woche durchgehend mit meinem Netbook unterwegs war, ist mir aufgefallen, dass auf meiner Infosite (fwolf.info) die Navigation aufgrund der Länge (und dem "position: fixed") quasi nicht benutzbar war.

Habe ich jetzt geändert. Ab einer Höhe weniger als 700 Pixeln wird die Navigation (mittels jQuery) automatisch zusammengeklappt. Die jeweilige Subnavigation öffnet sich dann beim Mouseover- bzw. Hover-Event.

Ich grüble grade, wie ich dieses Weblog sinnvoller benutzbar mache. Folgende Dinge stören mich ganz speziell:

• Keine Quickbutton-Bar im Habari-Admin-Bereich
• Die Links sind fast nicht vom restlichen Text unterscheidbar - Lösung: andere Farbe / Hervorhebung
• keine durchgehende Logik für Links (mal unterstrichen, mal fett, mal andersfarbig) - stammt noch vom ursprünglichen Theme (Blossom-port für Habari)
• Irgendwo hätte ich gern die neuesten 5 Links aus meinem Scuttle-Bookmark-Server ausgegeben - bei der jetzigen Struktur der Blog-Startseite würde es aber etwas überfüllt aussehen
• Die Archiv-Funktion dieses Themes ist broken bzw. zeigt nicht alle Einträge des jeweiligen Monats an
• Listen werden visuell schlecht erkennbar dargestellt (keine Aufzählungszeichen, grau statt schwarz / andere Farbe, etc.)
• Quotes könnten auch besser visuell dargestellt werden (z.B. "speech bubble" mit Anführungsstricherl-Grafik) und anderer (Text)Farbe

Die Bahn hat ihre Website erneuert - und gleichzeitig natürlich auch ihre Bahnauskunft.

Leider hat die ein paar gewaltige Riesnhornochsereien in Sachen "Barrierefreiheit". So spuckt das System völlig falsche Daten aus, sobald man JS deaktiviert. Nur wer sämtliche nicht-relevanten Felder entleert, bekommt ein korrektes Ergebnis.

Da hat jemand wohl den Begriff "unobtrusive Javascript" völlig falsch verstanden, deshalb wiederhole ichs hier kurz noch mal: Unobtrusive Javascript bedeutet, dass man die Anwendung erstmal problemlos OHNE JS benutzen kann, danach werden verschiedene schnicke Zusatzfunktionen mittels JS ergänzt.

Und im Textbrowser sieht die Sache noch viel schlimmer aus - eine "skip-navigation" ist zwar eingebaut, funktioniert aber nicht, da die Sprungmarken falsch gesetzt sind. Getestet mit w3m und links2.

Letzter Punkt: Die "Details einblenden"-Buttons funktionieren teilweise nicht bzw. nur erst dann, wenn man sich sowieso bereits in der Detailansicht befindet und weitere Verbindungen mittels des "Später"- oder "Früher"-Links heraufbeschwört. WTF?!?

Natürlich alles schön im debilen Web ZwoTot-Style mit viel Blingbling, aber wenig SinnSinn gehalten. Argh! X-(

Ich glaub, ich bau mir jetzt meine eigene Bahnauskunft .. genug des Trauerspiels - ist ja total lächerlich geworden ...

Bookmark: Creating accessible charts using canvas and jQuery - nette Methode das.

Note to self:

$('.row-col1').hover( function() { $('.row-col1').attr('style', 'background-color: #fe0;'); }, function() { $('.row-col1').attr('style', ''); }