05.04.2013: Usability Idealist 3.0

Die neue Version dieser Website ist schon länger in Planung, aber erst vor etwa einem Monat konnte ich mich richtig ans Werk machen.

Geplante Funktionen und Änderungen u.a.:

  • Aufgefrischtes und einheitlicheres Design - damit alles wie aus einem Guß wirkt
  • Nutzung eines an Blueprint CSS angelehnten Frameworks, HTML5, CSS 3
  • Responsiveness, Unterstützung für Touchscreens und Verbesserung der tastaturbasierten Navigation
  • Slideshow / AJAX-basiertes Paging innerhalb der einzelnen Portfolio-Einträge
  • Backend / Unterbau: Habari 0.9.1 / 1.0a, Frontend: eigenständiges, minimalistisches Noname-Framework
  • Weblog: Designumsetzung auf Basis von Blueprinter, einem Blueprint CSS-Fork mit auf aktuellem Stand gebrachten Features (siehe u.a. BlueCalc2)
  • ein paar Habari-Plugins, z.B. Static Image Gallery sowie Custom BBCode(s), um die interne Verwaltung zu verbessern

Angestrebter Relaunch-Zeitrahmen: April - Mai 2013

23.03.2013: Landdruckerei.de

Seit September 2012 bin ich für Landdruckerei.de tätig, primär als Frontend-Entwickler (HTML, CSS, JavaScript, Smarty Template Engine). Bis dato wurden u.a. folgende Leistungen bzw. Änderungen ausgeführt:

  • Umstellung der datei-internen Struktur auf state-of-the-art-Techniken (z.B. Einbindung mehrfach benutzter Seitenteile, verbesserte Variablenübergabe u.ä,)
  • Umstellung auf HTML5, CSS 2/3, Javascript- und Website-Optimierungen (u.a. mittels HeadJS und jQuery)
  • Einführung eines CSS-Frameworks (vom Prinzip her ein für heutige Verhältnisse erweitertes Blueprint CSS-Grid)
  • Redesign von Teilen der Website zugunsten der Benutzerfreundlichkeit (etwa die Kategorien- und Produktauflistung)
  • Integration eines Weblogs auf Basis von WordPress

URL: http://www.landdruckerei.de/

11.05.2009: Weave

Schon länger fertig: Die Website der Weave (online seit 29.04.2009).
Ich wollts an dieser Stelle aber auch noch mal verkündigen. ;)

Nochmal ein paar Dinge zum technischen Background:

  • Antrieb: WordPress 2.7.1 2.9.x mit allerhand ausgesuchten Plugins, über die ich bei nächster Gelegenheit sicher noch einen kurzen Artikel verfassen werde (z.B. das Audioplayer-Plugin,TinyMCE Advanced, MM Forms oder Search Unleashed)
  • Design: An sich war das aktuelle Weave Theme als Child-Theme für Modicus-Remix gedacht, ich habe den Unterbau aber so stark verändert (komplett umgestellt auf das blueprint-CSS-Framework, Version 0.8), dass das Original-Theme allenfalls visuell noch durchklingt
  • Dauer: Ich habe selten eine Website in diesem Umfang in so kurzer Zeit mit dennoch so wenig echten Problemen umgesetzt - innerhalb von 3 Wochen stand das gesamte System; dafür bin ich anfangs extra eine Woche vor Ort, d.h. nach Hamburg gekommen

Hinweis: Wurde seit April 2009 kontinuierlich weiterentwickelt.

URL: http://www.weave.de

13.12.2008: Accessibility gone wrong

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

17.09.2008: jQuery-based charts

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

12.09.2008: jQuery collumn select

Note to self:

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