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/

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

Die neue Website von WHN werde ich mit Habari umsetzen - und zwar in etwa so, wie ich das in meinem letzten Artikel "Porfolio-Site mit Habari" beschrieben habe.

Interessant wird die Angelegenheit dann mit dem Bestell- und Kontaktformular. Sowas wie MM Forms wäre für Habari wirklich nicht schlecht, vor allen Dingen, weil selbiges WordPress-Plugin übertragene Daten optional auch in einer Datenbanktabelle speichert. Prima Vorraussetzungen für die Anbindung an ein CRM o.ä.

Hier muss man wohl oder übel noch selbst Hand anlegen - ausgenommen ein geneigter Leser kennt was Entsprechendes?

Ich fange jedenfalls schon mal an mit dem Unterbau - Basis wird entweder Habari 0.6.1 oder der klassiche HEAD-Checkout / Nightly Build. Kommt drauf an, ob letzteres immer noch so zerschossen ist wie beim letzten Test vor ca. 3 Wochen. Ein eigenständiges Theme ist sowieso Pflicht.

Apropos Theme: Wäre doch mal wirklich Zeit für ein eigenes Add-On-Verzeichnis, wie man das zu Hunderten von WP kennt. Mit einer Suche mit Kriterienvorgaben und so. Habe da auch schon ein paar Ideen .. ;)

In der derzeit in Vorbereitung befindlichen, künftigen Fassung von Usability Idealist benutze ich Habari, um mein Portfolio einfach und effizient darzustellen. Dabei greife ich direkt auf die Datenbank zu und umgehe zum größten Teil die Methoden und Konstrukte von Habari. Dies liegt allerdings eher an der Art, wie ich die Website strukturieren möchte und nicht etwa daran, dass ein Portfolio mit Habari unmöglich wäre.

Deshalb folgt nun eine kurze, teils auch theoretische Beschreibung, wie man seine Portfolio-Site mittels Habari zum Leben erwecken kann.

Grundidee:

Einträge mit dem Tag "portfolio" werden auf der Portfolio-Seite angezeigt, als auch ganz normal als Post im Weblog. Damit erspart man sich eine "News"-Sektion und kann gleichzeitig auch weiterhin fröhlich vor sich hin bloggen ;)

Um Zuordnungen a la "online", "offline" oder "in Arbeit" zu realisieren, benutzt man ebenfalls Tags - und zwar genau diese.

Habari bietet ein einfaches Pages-System, das zwar keine Unterseiten erlaubt, was aber für ein einfach gehaltenes Portfolio völlig ausreichen sollte. Diese Einzelseiten lassen sich mittels Templates noch individuell anpassen, nach dem Prinzip page.<strong>slug</strong>.php - z.B. würde ein Template für eine Seite mit dem Slug "portfolio" also page.<strong>portfolio</strong>.php heißen müssen.

Wer sein Portfolio als Standard-Startseite nutzen möchte, und nicht etwa die normale Anzeige der neuesten Blog-Einträge, dürfte das mittels Anpassungen innerhalb des Home-Templates (home.php) erreichen. Vom Prinzip her müsste das in etwa wie folgt funktionieren:

1. Query so anpassen, dass nur Einträge mit dem Tag "portfolio" angezeigt werden.
2. Ein Template namens page.blog.php anlegen, und natürlich die zugehörige Seite
3. In diesem Template dann die Query so anpassen, dass alle Einträge angezeigt werden = neue Weblog-Übersicht

Ergebnis:

Das Weblog itself ist nun unter http://meine-domain/blog erreichbar (oder auch z.B. http://meine-domain/blog.html, wenn das Plugin RN Custom Permalink im Einsatz befindlich ist), während auf der normalen Startseite nur noch die mit "portfolio" getaggten Einträge ausgegeben werden.

Für ein Kontaktformular kann man nun vorhandene Plugins benutzen, oder aber mittels eines weiteren Page-Templates sich seine eigene Variante bauen.

Vom Prinzip her war's das auch schon. Nach der technischen Realisation kann man sich nun in Ruhe aufs Design konzentrieren ;)

Gerrit hat vor kurzem einen Vortrag zum Thema "Aus der Praxis eines Webdesigners" an der FH Mainz gehalten. Wirklich höllisch praktisch. Kann ich jedem, der einen tieferen Einblick in Sachen Selbständigkeit haben möchte, nur allerwärmstens empfehlen ;-)

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

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.

Sehr fein ... den letzten Checkouts zufolge hat es ja auch nicht mehr lange bis zum offiziellen Release dauern können - und seit dem 06.04. ist dem nun auch tatsächlich der Fall: Habari 0.6 ist draußen und liegt zum Herunterladen bereit :-)

U.a. haben es folgende Features mit in das neue Release geschafft:

• ACL (Access Control Lists) - Benutzergruppen und granulare Rechtevergabe
• HiEngine - Unterstützung von HiEngine, einem lt. Release Info "einfacheren" Template-System, dass weniger auf die "rohe" PHP-Materie zurückgreifen soll als der Standard-rawphpengine
• Importierung von WordPress-Daten bis inkl. Version 2.7.1 via Importer-Plugin möglich

Weitere Änderungen und Neuerungen finden sich in den 0.6er Release Notes.

K & M Elektronik haben endlich mal ihre Website erneuert - leider immer noch nicht zum Guten, auch wenn es auf den ersten Blick so aussah.

Ich sage nur: Mehrfach benutzte IDs im HTML-Quellcode, Inline Styles, Layouttabellen und Spacer GIFs - insgesamt ein grässlicher Mix aus Web 1998 und dem verzweifelten Versuch, alles auf "Web 2.0", runde Ecken, Tabs usw. zu trimmen.

Da war wohl der Azubi oder Praktikant am Werk, zzgl. Frontpest Express und einigen völlig veralteten Büchern über "Webdesign" und HTML 4 - mal wieder am falschen Ende gespart. Dabei hätte doch ein Blick in SELFHTML völlig ausgereicht...

Wenn ich da mal so auf die Konkurrenz schiele: Bei Arlt ist der Quelltext zwar auch nicht optimal, aber von Tabellenlayout und mehrfach verwendeten IDs keine Spur - obendrein ist erstgenannter auch noch vernünftig lesbar und nicht so ein trauriges Kuddelmuddel und Querfeldein wie bei K & M. Da fragt man sich doch schon: Sieht der zugrunde liegende PHP-Code genauso schrecklich aus? Also richig klassischer Spaghetti-Code, damit die Java-Fuzzis wieder was zum Lästern haben gegenüber uns PHP-Entwicklern?

Da will ich mich lieber gleich gar nich näher mit dem Thema Sicherheit eingehen - z.B. SQL Injections, falls dort überhaupt ein klassisches LAMP-System läuft, und nicht irgendein Bastard aus MS SQL, PHP 4 und IIS.

Nachtrag: Dank Firebug weiß ich nun auch, dass die Jungs noch lange nicht im Jahr 2009 angekommen sind - Unterbau ist folgendes System: Apache/2.2.4 (Unix) mod_ssl/2.2.4 OpenSSL/0.9.7d DAV/2 PHP/4.4.6. Ob sich die Jungs darüber im Klaren sind, dass PHP 4 seit bald einem Jahr nicht mehr weiterentwickelt wird? Ewig gestrig halt. Von den Sicherheitslücken in PHP 4.4.6 mal ganz abgesehen.

Insgesamt sehr schade, denn irgendwie sind mir die K & M-Mitarbeiter immer kompetenter und vor allen Dingen begeisterter vorgekommen als die von anderen Firmen .. Dumm nur, dass dies bei dieser Website nicht wirklich rüberkommt :-/

Habe ich vor kurzem per Zufall rausgefunden: Doppelklicks auf einen Kartenabschnitt mit der linken Maustaste vergrößert den Kartenausschnitt, ein Doppelklick mit der rechten Taste verkleinert ihn. Das funktioniert auch - und ist vor allen Dingen sehr praktisch - in eingebetteten Karten, die i.d.R. keine Mausradbewegungen erfassen (können).

Drübergestolpert bin ich dank des Touchpads meines Netbooks, welches manchmal recht träge reagiert - dadurch habe ich an einer Stelle versehentlich doppelt geklickt - und auf einmal kam mir die Karte so groß vor :D