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

Nachdem in den letzten Jahren immer mehr Leute zu gläubigen W3C Validator-Fetischisten geworden sind, folgend mal ein kurzes Wort zu dem Thema "Warum Validität noch lange keine gute Website macht" - basierend auf einer Mail:

(...)Der Rest basiert auf Annahmen, die sich bis dato immer noch nicht
bestätigt haben - nämlich, dass sich ein Browser oder Suchmaschine an
einem Kaufmannsund (aka Ampersand), wenn es denn nicht richtig maskiert
ist, verschlucken könnte. Bis dato ist mir KEIN EINZIGER BROWSER und
KEINE EINZIGE SUCHMASCHINE untergekommen - und ich verwende grafische
Browser schon seit Netscape 3.0, text-basierte seit Lynx (meine
bevorzugte Textbrowser sind w3m sowie links2) - die sich daran gestört
hätten. Das einzige System, dass sich daran tatsächlich verschluckt, ist
der Validator selbst.

Zum anderen: Man kann auch wundervoll grauenhafte, absolut
benutzerunfreundliche und unzugängliche Websites bauen, die der
W3C-Validator als vollkommen valide ansieht.
Als bestes Beispiel hierfür dient Hengstmilchhof Georg Schnurer - valider
Quelltext, toller Unterbau, aber fürchterliches Design, wenn man davon
überhaupt reden kann ;)

Der Validator "validiert" also nicht die "Benutzerfreundlichkeit" oder
"Zuganglichkeit", geschweige denn die "Barrierefreiheit" einer Website,
sondern nur, ob der Schreiberling derselbigen sich brav an die
XHTML-Rechtschreibung gehalten hat.

Ein paar Links dazu (Sammlung wird noch erweitert):

• Beyond Validation
• March to your own standard

Seit Ende Mai 2010 in Arbeit und inzwischen fertig gestellt: Die Website der strg. GmbH, Hamburg.
Die technische Umsetzung stammt komplett aus meiner Hand, Vorgaben des Designs und Unterbau stammen direkt vom Kunden.

Einige Facts:

• 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

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

Kurze To-Do-Liste der derzeit noch offenen Punkte für den UI 2.5-(Re)Launch:

• Portfolio: IE 6 + 7 do not like the inline-block
• Portfolio: add background image
• Portfolio Item View: Display complete image number including the one of the current displayed image - like this: (2 / 5)
• Kontakt: Add more data + spam-protected address data
• Kontakt: Implement and test JSONP with global form mailer

Linkdump of how to get color profiles working in Linux, esp. using Firefox:

• Mozilla Developer Center: ICC color correction in Firefox - most important article of all mentioned here!
• Richtige Farben in Firefox - ICC-Profil-Erkennung aktivieren! - mostly for testing purposes
• Color Management in Firefox aktivieren - Just for testing purposes
• All about Color Management @ Linux Photography blog
• color correction for images in Firefox 3.5 - also mostly for testing purposes

Basically, you not only need to enable the color profiles, but also have to add the path were the ICC profile of your monitor is stored in about:config. Also see the above link to the Mozilla Developer Center.

Der bisherige Entwurf kam mir streckenweise zu unbeholfen vor, ergo habe ich mich vor ein paar Tagen nochmals hingesetzt und rumgegrübelt und -gescribbelt. Heraus kam dabei erstmal nichts. Allerdings: Nachdem ich mich am nächsten Tag nachmittags etwas hingelegt hatte, sprang mir eine neue Idee förmlich ins Gesicht ...

.. warum nicht das U und das I direkt kombinieren? Also das I ins U legen. Der erste Entwurf davon sieht wie folgt aus:

Erinnert ein bisschen an das "Ein-Ausschalten"-Symbol, das man gerne bei Elektrogeräten jeglicher Art wiederfindet.

Ein bisserl Anpassung wird aber doch noch nötig sein - sieht mir fast zu gut aus, als dass nicht schon jemand anderes auf dieselbe Idee beim Logodesign gekommen ist, wie ich gerade. Aber als Erstversion schon mal nicht schlecht ;)

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), '/', ' ');
}

Es kommt Bewegung ins Spiel - zum Frühling hin mal wieder ein Redesign von Usability Idealist. Die ursprüngliche Zielsetzung, ein sowohl mit als auch ohne JS (und CSS) gut benutz- und ansehbares Portfolio zu gestalten, ist als solches partiell gelungen. Allerdings ist die unterliegende Struktur zu unflexibel für meine Ansprüche - und die Ansprüche des Künstlers an sein eigenes Werk ist bekanntlich immer höher als das des Betrachters ...

.. diese neue, wenn auch wie immer nur temporär künftige Website werde ich dieses Mal vom Rohbau bis zum fertigen Haus erstellen - frei nach dem Prinzip: Form follows funktion. Zuallererst die mir vorschwebenden Funktionen, dann das hübsche Drumherum.

In den letzten Monaten habe ich deshalb allerlei Inspirationsmaterial gesichtet, welches ich im Laufe des Entwicklungsprozesses auch an dieser Stelle - soweit möglich - miteinbringen werde. Mehr folgt in Kürze ... ;)

Um den vielfachen geglaubten Mythos mal zu widerlegen: PNG8 kann - im Gegensatz zum GIF-Format - sehr wohl mehrere Paletten für die Transparenz verwenden, d.h. obwohl nur 1-Bit-Transparenz zur Verfügung steht, kann man mehrere Farbwerte auf Transparenz setzen (alpha transparency).

Siehe hierzu auch:

• Creating 8-bit Alpha Transparent PNG Files
• PNG8 - The Clear Winner
• Wikipedia: Portable Network Graphics (PNG)

Als ich mich vorhin gewundert habe, warum das Eingeben von Nachrichten bei XING so hängt, habe ich erst mal meine Tastatur untersucht, anschließed Firebug aufgemacht, um möglicherweise nervende JS-Anwendungen auf XING abschießen zu können ... worin mir dann folgendes ins Auge gestochen ist:

Ein Klick auf das dort schon angepriesene Objekt offenbart die folgenden Inhalte:

Und noch ein Schritt weiter steht dann folgendes:

Also ich muss ehrlich sagen: Durchaus eine (kreative) Methode zur Mitarbeiterakquirierung - im Quelltext selber findet sich aber leider nichts so Eindeutiges. Vermutlich sind nur die Leute interessant, die schon deutlich weiter sind in Sachen Webentwicklung als nur HTML-Kommentare lesen ;)