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)

Gerade in Arbeit: Die neue Website von Graveless Slumber Records.
Unterbau ist WordPress 3.1, mit allen Tricks und Extras, die man aus einer aktuellen WP-Installation so rausholen kann ;)

Vielleicht kommt sogar noch ein Shop auf Basis von PrestaShop dazu. Kommt darauf an, inwieweit sich PrestaShop auf die gewünschten Vorgaben reduzieren lässt - oder ob es ein einfacher Katalog mit Anfrage-Option auch tut.

URL: http://www.gsr666.com

Von Ende Mai bis Anfang Juni 2010 in Arbeit: Die Website der strg. GmbH, Hamburg.
Die technische Umsetzung stammt komplett aus meiner Hand, Vorgaben des Designs und Unterbau stammen direkt vom Kunden.

Im Januar 2011

wurden auf Kundenwunsch weitere Anpassungen - u.a. abgerundete Ecken - durchgeführt. Bild #1 dokumentiert einige der Änderungen.

Ein paar Fakten:

• WordPress mit einigen wenigen, ausgewählten Plugins
• Individuelle Header und Hintergrund pro Seite unter Benutzung und Erweiterung von oEmbed
• Eigenständiges Theme (Control 2010), welches innerhalb einer Woche umgesetzt werden konnte - dank dem Blueprint CSS-Framework und objektorientierter Programmierung
• abgerundete Ecken dank jQuery , welches, falls vorhanden, auf die Browser-eigene Rounded Corners-Implementation zurückgreift

URL: http://www.strg-agency.de/

Von Ende Oktober bis Anfang November in Arbeit:

Die Website für die Aktion "Augen Auf" der Arbeiterwohlfahrt Hamburg.

Von mir wurde die Umsetzung, Programmierung und teilweise auch weborientierte Konzeption beigesteuert.

Basis ist ein aktuelles WordPress mit deutscher Sprachdatei und ausgewählten Plugins. Das Theme wurde unter Zuhilfenahme meines derzeitigen Lieblings-CSS-Frameworks namens Blueprint erstellt.
In weiteren Rollen vertreten sind jQuery, Nonverblaster:hover, XHTML 1.0 und CSS 3.

URL: http://www.aktionaugenauf.de

Die neue Version der Website meiner Radioshow "Black'N'Deather", welche jeden Donnerstag von 19 - 22 Uhr auf Brutal Existence Radio live übertragen wird, ist endlich online. Derzeit werden noch Arbeiten dran vorgenommen - ich wollte aber nach Monaten des Planens endlich eine brauchbare Website haben - die Fassung davor war ein rein temporär gedachtes Flickwerk "Design", dessen Unterbau noch auf dem alten Theme von (The) Usability Idealist basierte.

URL: http://blackndeather.org

Seit Ende Dezember 2009 online: Die neue alte Website von Cohen + West (Hamburg). Geändert hat sich vor allen Dingen was am Unterbau - ich sage nur "Single Page Portfolio" ;)

Features u.a.

• Single Page-Design: Die Inhalte befinden sich allesamt auf EINER Seite, werden aber mittels (Unobtrusive) Javascript und CSS scheinbar auf mehrere Seiten verteilt
• Liquid Layout: Zum größten Teil skalierendes Design, d.h. eine von den Abmessung des Browserfenster weitgehend unbeeinträchtigte Anzeige
• Verwendung meines CMS-Frameworks + Nonverblaster:hover zur Anzeige von Flashfilmen
• Niceties a la Feedeinbindung des Weblogs, Unobtrusive Flash-Intro und mehr..

URL: http://www.cohen-west.de/

Vor ca. 1 Monat habe ich an der neuen Version von PartyMe.de mitgewerkelt.
Meine Aufgaben waren hierbei wie folgt:

• Browser-Optimierung (speziell IE 6)
• Erstellung von Templates (Smarty)
• CSS-/JavaScript-Erstellung und -Optimierung

URL: http://www.partyme.de/

Eigentlich 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: Wird seit April 2009 kontinuierlich weiterentwickelt.

URL: http://www.weave.de

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

I've been working on a site concept which involves several pure HTML- and Javascript-based pages, to be uses as mere demonstrational material. While adding several niceties like modal windows based on my fork of Thickbox, ie. Thickbox Redux, I've stumbled over some strange errors Firebug throw out during the document load process.

Thus I had to implement some kind of "if function exists"-magic to avoid getting errors on the debugging console (not to mention that this properly might have side-effects like totally disabling my JS efforts at all and similar worst-case scenarios) - which is quite hard to find out, I have to say.

Simple, but effective solution is as follows:

if(typeof yourFunctionName == 'function') { yourFunctionName(); }

Found via Idealog: Check if a Javascript Function Exists or Is Defined and (Paul Bennett) Javascript: checking if a function exists.