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/

19.03.2013: Bluecalc2

Fork und Weiterentwicklung eines Bluegrid CSS-Grid-Berechnungs-Werkzeugs namens BlueCalc.
Vor wenigen Tagen habe ich den urspr. Autor dieses Werkzeugs angemailt und ihn gefragt, ob er BlueCalc noch weiterentwickelt, z.B. um damit eine künftige Weiterentwicklung von Blueprint CSS (an der ich auch gerade arbeite :D) zu unterstützen. Und falls nicht, ob er den Quelltext dann vielleicht als Open Source freigeben würde.

Kurz darauf hat er mir geantwortet und gemeint, gerne, er habe keine Zeit mehr dafür, deshalb habe er das Projekt gerade auf Github veröffentlicht...

... weshalb ich natürlich sofort einen Fork angelegt und mit der Erweiterung und Auffrischung losgelegt habe ;)

Folgende Funktionen / Erweiterung sind geplant bzw. in Arbeit:

  • Aufräumen und Modernisierung des Projekts
  • Schöne Schiebeschalter hinzufügen (wie etwa bei GridCalc zu sehen)
  • Formularvalidierung einbauen
  • Die eigentliche Berechnungsfunktionalität in eine eigenständige PHP-Klasse übernehmen
  • Cache-System; und dadurch automatisch auch URLs für die jeweils berechneten Gridvarianten bereitstellen
  • Support für weitere Frameworks (u.a. das von mir angefangene Blueprinter CSS Framework)
  • Grid-Berechungs-Vorlagedateien

Github Repository: https://github.com/ginsterbusch/bluecalc
Website: http://f2w.de/bluecalc

30.03.2012: strg. GmbH 2.0

Technische Umsetzung des neuen Designs der strg. GmbH, Hamburg auf Basis von WordPress.
Die einzelnen "Sprechblasen"-artigen Blöcke wurden als eigenständige Widgets umgesetzt. Colorbox wurde als Lightbox- und Modal Window-Lösung dahingehend angepasst, dass sich Einzelseiten und Artikel bei direktem Aufruf auch weiterhin in einer Lightbox öffnen (ähnlich der Variante, die der Google Chrome Appstore verwendet).

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

30.01.2012: CD-Blog

Umsetzung des Weblogs der Pflegeprodukt-Marke "CD" auf Basis von WordPress und des 1140px Grid-CSS-Frameworks (i.A. der strg. GmbH, Hamburg). Somit lässt sich die Website auch auf Mobilgeräten sowie kleineren Bildschirmen gut betrachten (Stichwort: Responsive Webdesign).

Desweiteren wurden das von mir mitentwickelte Plugin "Simple Social Buttons" sowie ein (auf Basis anderer, bereits vorhandener Lösungen) neu entwickeltes Flickr-Plugin eingebunden.

URL: http://cd-koerperpflege.de/neuigkeiten/

15.11.2010: Aktion Augen Auf!

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

02.11.2010: Casa Noctis

Mitte Oktober 2010

habe ich die Adminstration für die Casa Noctis-Website (wieder) übernommen, nachdem es dem bisherigen Webmaster nicht möglich war, die vorhandenen (und ausgenutzten!) Sicherheitslücken in der bisherigen Joomla! 1.0-Installation zu schließen.

Die Website gibt sich im größtenteils bewährten Look, aber wurde mit komplett neuem Unterbau versehen. Statt Joomla! versieht nun WordPress 3.0 seinen Dienst, auch mit dem Hintergedanken, dass sich WordPress und etwaige Plugins sehr schnell und einfach online aktualisieren lassen, was bei Joomla erst ab Version 1.6 möglich ist.

Das Frontend wurde mittels des inzwischen bewährten BluePrint CSS-Frameworks nachgebaut, wobei darauf geachtet wurde, möglichst nah am Original zu bleiben.

Update 07/2012:

Seit 25.11.2011 unter neuem Namen (Zum Drachen) an anderer Stelle wiedereröffnet. Betreuung der Website ebenfalls durch mich, Design weiterhin durch den Haus-und-Hof-Designer Thomas Köhn.

Update 01/2013:

Inzwischen komplett offline, da die Nachfolge-Kneipe inzwischen ebenfalls geschlossen worden ist.

URL: http://www.casa-noctis.de

12.09.2010: Weave 2.0

Von Ende Juli bis Anfang September 2010

wurde die Website der WEAVE, Tochtermagazin der PAGE, generalüberholt. U.a. wurde die Weblogfunktion von WordPress vernünftig nutzbar gemacht, welche vorher praktisch nicht benutzt worden ist, der zugehörige Twitter- sowie Vimeo-Account miteingebunden sowie ein Aggregationstool für befreundete und interessante Blogs integriert. Im Maschinenraum wurden auch allerhand Änderungen und Aktualisierungen durchgeführt - welche man so natürlich nicht direkt am Äußeren ablesen kann.

Im Zuge der Erweiterungsarbeiten wurde Ende August auch noch eine Auffrischung des Designs vorgenommen. Neu ist etwa, dass sich das Hintergrund in Abhängigkeit zur aktuell erhältlichen Ausgabe ändert. Weiterhin wurde die Struktur und das visuelle Erscheinungsbild geordnet und dem Heft angenähert. Dabei wurde sich auch von der Flash-Slideshow auf der Startseite getrennt, welche nun nur noch im Heftarchiv zu finden ist.

Künftige Erweiterungen werden z.B. eine Optimierung der Ladezeiten beinhalten (welche sehr stark vom derzeit genutzten Adserver abhängen, der aber in den nächsten Monaten auch auf ein weniger ladezeit-intensives Produkt umgestellt werden soll).

URL: http://www.weave.de/

08.04.2010: PHP: Delete cookies

PHP and cookie deletion - thats a bloody PITA.
Had to work that out today because a fucked-up WordPress upgrade session - the customers were experiencing strange "don't cheat" messages when trying to log in. Thought I gonna share this with everybody else.
Took me bloody 4 hours to figure this out - at least with Firefox:

foreach($_COOKIE as $strKey => $value) {
  setcookie($strName, 'false', (time() - 3600 * 48), '/', ' ');
}

10.01.2010: Cohen + West 2.0

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

Hinweis: Website ist in dieser Form nicht mehr online

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