Wer mir auf Twitter folgt, dem ist sicher nicht entgangen, dass ich diese Woche in München eine HTML5-Schulung gehalten habe. In Vorbereitung hierauf habe ich so manches gelesen und gekauft, unter anderem den Wireless Presenter R400 von Logitech. Dabei handelt es sich um eine Fernbedienung für Präsentationen mit eingebautem Laserpointer. Mein Fazit nach drei Tagen intensiver Dauer-Benutzung: Wer regelmäßig Slides an Leinwände wirft und dabei nicht vor seinem Computer festgenagelt sein will, muss so ein Teil haben.

Der 11cm lange Wireless Presenter R400 hat neben der Taste für den Laserpointer und einem kleinen An/Aus-Schalter an der Seite vier Tasten zur Steuerung von Präsentationen – Slide vor, Slide zurück, Abdunkeln und eine weitere Taste zum Starten der Präsentation. Hinzu kommt eine einfache Batterieanzeige. Der Anschluss an den Computer erfolgt über ein kleines USB-Modul, das im Presenter selbst verstaut wird und das keinerlei Installation bedarf. Mitgeliefert werden eine Bedienungsanleitung, zwei Batterien und eine schicke kleine Kunststofftasche mit Reißverschluss.

Die beigelegte Bedienungsanleitung ist freilich komplett überflüssig, da sich die Tasten selbst erklären und eine Installation wie gesagt nicht nötig ist. Die Reichweite von 15 Metern ist beachtlich und das Gerät liegt perfekt und rutschfest in der Hand, so dass man kreuz und quer durch den Raum toben und trotzdem immer seine Präsentation steuern kann. Sowohl unter Windows wie auch OS X und Linux funktioniert der Presenter ohne Mucken und erledigt zuverlässig seinen Job.

Mein einziger, winziger Kritikpunkt betrifft die Anordnung der Taste zum Abdunkeln, denn diese befindet sich genau unter der Taste für „Slide vor“. Ein Verwechseln der Tasten ist zwar aufgrund ihrer Formgebung ausgeschlossen (die Abdunkeln-Taste ist wesentlich kleiner und die „Slide vor“-Taste hat einen kleine Erhebung) und da die Tasten Vertiefungen haben, wird weitgehend verhindert, dass man abrutscht. Genau das ist mit aber im Eifer des Gefechts zwei mal passiert, was durchaus einer gewissen wurstfingerigkeit meiner Person anzulasten ist. Das Problem ist, dass bei diesem Abrutschen nach unten man dummerweise genau auf die Taste gerät, die durch ein Abdunkeln einen halben Totalschaden hervorruft. Vielleicht wäre es besser gewesen, an dieser Stelle die „Präsentation starten“ zu platzieren und diese so auszulegen, dass sie bei laufenden Präsentationen einfach nichts tut – so wäre ein versehentliches Abwürgen der Präsentation komplett ausgeschlossen.

Unterm Strich ist festzuhalten, dass wie gesagt der Logitech Wireless Presenter R400 ein Muss ist, wenn man öfter Slides an die Wand zu werfen gedenkt. Wer dererlei auch unter Zeitdruck machen muss, sollte vielleicht auch einen Blick auf die etwas kostenintensivere Deluxe-Variante R800 riskieren – hier ist neben verdoppelter Reichweite (wobei, wer braucht 30 Meter?) auch ein Display mit Timer geboten.

Feed gefällt? Flattrn | Twittern | Kommentieren

Ich brauchte spontan ein Netbook und habe mir das Toshiba NB305-105 geshoppt. Reviews versprachen eine Marathon-Batterie, ein großes Touchpad sowie eine verbraucherfreundlich-robuste Tastatur und, das kann man schon sagen, dass sich das Versprochene bewahrheitet. Ich habe zwar erst wenige Stunden damit verbracht, aber die Arbeit geht definitiv sehr angenehm von der Hand und der Akku scheint keine Anstalten zu machen, sich zu entladen. Die Verarbeitung scheint robust und schlecht sieht das Ding auch nicht aus. Von den Leistungsdaten her ein ganz durchschnittliches Netbook.

Doof, aber (so finde ich) nicht sooo dramatisch: Glossy Screen. Außerdem hatte ich ja keine Ahnung wie lästig Windows 7 sein kann. Zum Glück war das komplizierteste an der Installation der Ubuntu Netbook Edition (Lucid) das Vorbereiten des Installations-Sticks, den mein Desktop-Ubuntu aus unerfindlichen Gründen nicht recht befüllen wollte. Es gab auf dem Netbook selbst keine Probleme – der gefürchtete Intel GMA 3150-Grafikprozessor gibt sich lammfromm, die Webcam geht, die Functions Keys scheinen es zu tun und auch sonst kann man konstatieren: es läuft rund. Kann man empfehlen, das Teil.

Feed gefällt? Flattrn | Twittern | Kommentieren

Doch dann las ich gestern abend einen Tweet von @Herr_Gabriel, wo ein ein Client namens pino-twitter angepriesen wird und siehe da: dieses Pino ist ein richtig tolles Tool. Schlank ohne beschränkt zu sein, extrem flott, übersichtliches Interface, fügt sich perfekt in Gnome ein (Stichwort Notifications) … eigentlich genau das, was ich immer gesucht habe. Ein eingebauter URL-Shortener oder sowas wäre gegebenenfalls noch nett, aber sonst? Keine Klagen weit und breit. Fazit: Pino rockt.

Feed gefällt? Flattrn | Twittern | Kommentieren

Speichert man seine Änderungen im Editor, übernimmt der Firefox dessen Inhalt postwendend für die Textarea. Das ist ganz großer Addon-Sport, der mir wohl schon so manches Zähneknirschen erspart hat. Empfehlung!

Feed gefällt? Flattrn | Twittern | Kommentieren

„Karmic Koala“ heißt die neue Version der benutzerfreundlichen Linux-Distribution Ubuntu. Ich würde üblicherweise an dieser Stelle jetzt die zahlreichen Verbesserungen lobpreisen, aber da ich mit diesem Versionssprung auch meine Desktopumgebung gewechselt habe, kann ich nicht so recht beurteilen, was dem Wechsel und was dem neuen Dekstop geschuldet ist. Wer genaueres über die Neuerungen und Verbesserungen wissen möchte, sollte dieses Review von derStandard.at konsultieren.

Der Grund für den Wechsel zu Gnome war ganz einfach, dass ich mal wieder schauen wollte, wie es denn um die vielen ineinander verzahnten Komponenten von Gnome so steht – und das sieht soweit ganz gut aus. Besser jedenfalls als bei Xfce. Allerdings gibt es auch einen ganze Satz Bolzen im System:

• Der neue Standard-Messanger Empathy ist in seinem derzeitigen Zustand ein Griff ins Klo. Man kann zwar erahnen, dass das dereinst ein sehr schönes, schlankes Tool werden wird, aber etwas, das als Standard-Programm eingesetzt wird, sollte zumindest in Lage sein, Umlaute zu verschicken ohne über irgendwelchen Encoding-Krempel zu jammern. Zum Glück ist in Nullkommanichts das altbewährte und grundsolide Pidgin installiert.
  Fail-Rating: ★★★★★
• Die ohnehin schon viel kritisierte Notification-Funktion, die Ubuntu einst so dreist von OSX stahl, überrascht mich durch ihre Nutzlosigkeit. Es spielen nicht alle Programme mit (Skype, Thwirl) und jene die mitspielen, verbreiten darüber meist nur nutzlosen Spam. Und wieso kann ich da nirgends etwas konfigurieren? Sie auf einen anderen Monitor ordern? Oder es zumindest abstellen?
  Fail-Rating: ★★★✩✩
• Es gibt ein Panel-Applet das alle IMs und Mail-Infos zusammenfasst. Prima! Aber warum kann ich da nirgends Empathy rauswerfen? Warum minimiert sich Empathy in dieses Icon, Pidgin nicht (obwohl es darin auftaucht) und Evolution minimiert sich ohne Alltray-Nachhilfe überhaupt nicht ins Mini-Format? Eine gute Idee, aber die Ausführung…
  Fail-Rating: ★★★✩✩

Summa Summarum ist mein Eindruck von Karmic Koala (als Xfce-Umsteiger): Nett, aber mit einigem halbgarem Gerümpel (Empathy, Notifications) gesegnet. Vielleicht wird aus den derzeitigen Fail-Kandidaten auch noch mal was anständiges – und bis dahin kann man sie ja ignorieren. Nach dreitätiger Fummelei und Eingewöhnungszeit fühle ich mich wieder richtig heimisch.

Und der obligatorische Aptana-Workaround für diese Ubuntu-Version ist für den Fall, dass man einige Buttons im Programm nicht anklicken kann. Dieses Startscript schafft Abhilfe:

#!/bin/bash
export GDK_NATIVE_WINDOWS=true
"/pfad/zu/aptana/AptanaStudio"

Auch kann man auch weiterhin das alte PHP-Plugin von Aptana verwenden und muss sich nicht mit den neuen und überaus ranzigen PDT rumschlagen. Einfach in den Preferences unter Web Aptana PHP Update Site aktivieren und dann über Help → Install New Software installieren. Eine Schande mit welcher Zielstrebigkeit die Aptana-Leute ihre einst supergute IDE zugrunde richten …

Feed gefällt? Flattrn | Twittern | Kommentieren

Björn Seibert war so nett, mir ein Typekit-Invite zuzuschanzen, so dass ich den Hoffnungsträger in Sachen Webtypografie auch einmal ausprobieren konnte. Typekit lässt den von der Schriftarmut im WWW genervten Webdesigner ein Set aus edlen Schriften zusammenstellen, die dann mit zwei Zeilen Javascript auf der Ziel-Website eingebunden werden können. Danach genießt man dank @font-face, das viele Browser ja in der einen oder anderen Variante unterstützen, ungekannte Schriftvielfalt im Browser. So ist das jedenfalls gedacht. Mein Review in aller Kürze:

• Der Dienst hat ein ausgesprochen angenehmes Interface, wären da nicht die Tatsache, dass der Kit Editor in einem neuen Fenster öffnet.
• Die Schriftauswahl in der Trial-Version ist überschaubar, aber das ist vermutlich weniger ein Problem als ein Feature (die volle Auswahl kostet $49,99 im Jahr, eine erweiterte Auswahl $24,99).
• Die Performance fand ich überraschend ok.

Das Hauptproblem ist meines Erachtens, dass man, sofern man nicht monströse Schriftgrade sportet, unter Windows an den neuen Schriften relativ wenig Freude hat, weil das Schriftrendering dort so seine eigenen Gesetze hat. Das Ganze wäre also weniger für Fließtext als für Überschriften zu gebrauchen. Und für aufgepimpte Headlines, die nicht in allen Browsern funktionieren und bei den bemitleidenswerten Windows-Nutzern wohl eher mittelprächtig aussehen $49,99 auf den Tisch legen … ich weiß nicht, ob ich Sifr, Cufon und Konsorten wirklich so schlimm finde.

Vier Invites hätte ich noch zu vergeben. Wer will?

Feed gefällt? Flattrn | Twittern | Kommentieren

Ich bin im Moment auf den letzten Metern eines Projekt auf Basis der E-Commerce-Plattform Magento. Zunächst das Positive: Man kann als Designer in die Vollen gehen und wirklich fast jeden HTML-Schnipsel den eigenen Bedürfnissen anpassen. Und es sieht Out-of-the-box mit seinen vielen Funktionen und seinem ganzen Ajax-Krempel und sehr sexy aus. Und es gibt auch schon eine ganze Latte an Büchern über das gute Stück. Und es basiert auf dem etablierten Zend-Framework. Obendrein hat mal irgendein Red-Hat-Heini gesagt I’ve never seen another ecommerce platform so well architected and well designed as Magento Was kann da schon schiefgehen?

Nun gab es ja im Laufe der Jahre so manches Tool, von dem man sich viel anfangs versprach und sich dann als mehr so mitteleffektiv erwiesen hat. Beispielsweise weil es zwar auf dem Papier was hermachte, dann aber so ernorm viele Ressourcen verschlang, dass man sich hinterher wünscht, man hätte die Finger davon gelassen. Magento besteht aus knapp 1000 Dateien mit mehr als 200.000 Zeilen Code. Einige dieser Dateien gehören zum Template-System und haben dann solchen Inhalt. Da hat ja auch durchaus auch jede Zeile so ihre Daseinsberechtigung (nehme ich jedenfalls an), aber es ist dann doch manchmal schon einfach recht viel und es ist nicht immer übersichtlich. Manchmal muss man ganz schön suchen. Meistens. Die meiste Zeit. Ich jedenfalls.

Denn wenn man die entsprechenden Ressourcen übrig hat (zu denen man, wenn man einigermaßen erträgliche Performance erreichen möchte, einen eigenen Server zählen sollte), muss man noch wissen wie man das Tool richtig zum Einsatz bringt – sonst baut man nur Blödsinn. Und da wäre dann ja Dokumentation ganz hilfreich. So hat zum Beispiel obriges Code-Beispiel einen Kommentar (der einzige neben dem Abschnitt über die Lizenz) in dem @see Mage_Catalog_Block_Product_Abstract empfohlen wird. Also navigieren wir zu der Datei /app/code/core/Mage/Catalog/Block/Product/Abstract.php, wo man uns dann umfassend über den Sinn und Zweck der diversen Funktionen informiert:

/**
 * Enter description here...
 *
 * @param Mage_Catalog_Model_Product $product
 * @return string
 */

Zuerst dachte ich, dass meine Verwirrung einfach daher kommt, dass ich nicht smart genug für Magento bin. Andererseits, Leute mit bedeutend mehr Ahnung von PHP scheinen ähnlich verwirrt zu sein wie ich. Da heißt es dann kurz und knapp Magento ist scheisse oder, etwas bedächtiger formuliert if that is what RedHat calls good software architecture and design, I’d better refrain from using any RedHat software in the future. Die Slides aus dem letzten Link sind durchaus ansehenswert.

Ich bin weder Zend-Experte noch ein ausgemachter PHP-Nerd allgemein, aber wenn ich die Core-Datei für den Output von CMS-Seiten hacken muss, damit dort die Warnungen an der gleichen Stelle angezeigt werden wie in meinem restlichen Template … bin ich dann derjenige der was falsch gemacht hat? Das ist doch eigentlich nicht der Sinn von MVC, oder? Ich weiß es nicht. Was ich aber als Frontendentwickler mit einiger Gewissheit kommentieren kann, ist der Einsatz von Javascript bei Magento. So findet man beispielsweise im Code des Blank-Themes, also der offiziellen Vorlage für neue Shopdesigns, sehr oft derartiges:

<button type="button" class="button" onclick="productAddToCartForm.submit()"><span><?php echo $this->__('Add to Cart') ?></span></button>

Wenn Javascript aus ist, funktioniert das natürlich nur bedingt. Das mag jetzt ja vielleicht angesichts von dem müden einen Prozent JS-freier Surfer mehr oder minder nebensächlich sein (ich sehe das nicht so) aber mich verblüfft einfach die völlige Sinnlosigkeit dieser Konstruktion. Warum sollte man das so machen? Warum keinen Submit-Button?

Wobei das da eigentlich noch kein Problem ist. Wenn man ein neues Template baut, kann man solche Teile ja entfernen. Schwieriger wird es dann, wenn man konfigurierbare Produkte hat (sowas wie die Auswahl einer Kleidungsgröße). Da werden dann eben die entsprechenden Select-Elemente gefüllt, indem irgendwo im Template per PHP JSON geprintet wird, das von Javascript dann in Option-Elemente verwandelt wird. Auch hier: das kann man ja gerne so machen (wenn einem Zugänglichkeit und so egal sind), aber… warum? Das nützt doch niemandem. Wer hat was davon, wenn man ohne Javascript sein Kundenpasswort nicht ändern kann?

Ich wäre vielleicht schlauer, wenn ich jemanden hätte der mir diese Fragen beantworten kann. Das Problem ist nur, dass im Forum von Magento so wenig los ist, dass da niemand ist, der einem antworten könnte. Das Wiki ist ist auch eher dünn und der offizielle Designer’s Guide, der eigentlich – so würde man vermuten – Webworkern bei der Umsetzung von Designs helfen soll, besteht im wesentlichen aus OMG UNSER TEMPLATE-SYSTEM IST SOOOOO TOLL!!!!!111. Entschuldigung, aber das ist Masturbation, nicht Dokumentation. Erklärt wird da nicht so viel. Oder wenn da was erklärt wird, ist es mir nicht aufgefallen oder hat es mir nicht geholfen – ich habe alles, was ich heute über Magento weiß (und das ist dann doch mittlerweile einiges) durch Suchen und Probieren herausfinden müssen.

Ich möchte meine Ausführungen mit einem Zitat aus der Datei /app/code/Mage/Core/Model/Url.php schließen und ausdrücklich die Möglichkeit einräumen, dass ich einfach nicht schlau genug für Magento bin.

/**
 * All system params should be unseted before we call getRouteUrl
 * this method has condition for ading default controller anr actions names
 * in case when we have params
 */

Aber es kann natürlich auch sein, dass man aus einer Reihe von Gründen die Finger von diesem Stück Software lassen sollte.

Feed gefällt? Flattrn | Twittern | Kommentieren

MODx hat gestern die zweite Beta seiner Version 2.0 herausgebracht. Die neue Version, MODx Revolution genannt, ist ein kompletter Rewrite des alten Systems und mit Eintritt in die Beta-Phase wurde der Feature Lockdown erklärt – das heißt, dass alle Funktionen soweit sind, dass nur noch Bugs ausgemerzt werden müssen. Ein guter Anlass, die Neuheiten beim besten CMS der Welt einmal genauer zu beleuchten.

Neues Framework

Das Basis-Framework wurde für MODx Revolution komplett neu geschrieben. Es ist jetzt ein komplett objektorientiert programmiert MVC-Framework und verwendet die ORM-Bibliothek OpenExpedio. Komponenten wie Snippets oder Module werden in Revolution als sogenannten Transport Packages zusammengefasst (einfache Zip-Dateien), die über einen Paketmanager im Backend installiert werden können.

Neuer Parser

Im neuen Parser wurden die verschiedenen alten Content Tags vereinheitlicht:

Sehr schön ist, dass man Chunks jetzt genau wie Snippets mit Parametern füttern kann. Mit [[$Foo? bar=`Blubb`]] ersetzt man im Chunk Foo den Platzhalter [[+bar]] durch Blubb. Dazu brauchte man früher immer Snippets. Beim Upgrade von einem alten MODx auf Revolution werden die alten Content-Tags in Templates usw. automatisch in das neue Format gebracht.

Außerdem gibt es neuerdings auch Property Sets für Ressourcen. Das sind zentral zusammengestellte Sammlungen von Parametern, die man seinen Snippets und Chunks mitgeben kann, was es vereinfacht einheitliche Aufrufe dieser Ressourcen zu erstellen.

Neues Backend

Der ExtJS 3.0 verwendende Admin-Bereich sieht zwar so aus, als bestünde in der Darstellung noch ein gewisses Optimierungspotenzial, überzeugt aber schon mal durch einen erheblich verbesserten Workflow.

Hauptverantwortlich dafür sind die Quick Updates, also die Mögklichkeit, alle Arten von Inhalten zu erstellen und zu bearbeiten, während man eigentlich gerade an einer anderen Ressource arbeitet. Man hat gerade eine Seite geschrieben, und möchte dann einen Chunk einfügen der noch gar nicht existiert? Kein Problem!

Seit der Beta 2 ist es außerdem möglich, Ressourcen per Drag & Drop in andere Ressourcen einzufügen, also muss man sich die neuen Content Tags eigentlich gar nicht merken.

Das dürfte besonders die technisch weniger beschlagene Nutzer des Backends eine große Erleichterung sein.

Fazit

Mir gefällt was ich sehe. Trotz technischer Aufrüstung bleibt man den angestammten Prinzipien, nach denen der Nutzer und nicht das CMS die Regeln aufstellt, treu – so wünscht man sich eine neue Version. Natürlich ist auch die aktuelle Beta 2 immer noch spürbar eine Beta, aber es ist schon abzusehen, dass MODx Revolution eine feine Sache werden wird.

Feed gefällt? Flattrn | Twittern | Kommentieren

Um die volle Funktionalität der Homepage der Kultusministerkonferenz nutzen zu können, benötigen Sie Netscape 4.X (jedoch nicht 6) oder Internet-Explorer ab Version 4.X mit aktiviertem JavaScript.

Wenn Sie einen anderen Browser verwenden wie z.B. Mozilla Firefox können Sie die Version ohne Animation benutzen, die vom Aufbau und Inhalt identisch ist.

Und die kümmern sich in diesem Land um Bildung, Erziehung und Forschung (Wikipedia). Da wundert man sich doch gleich viel weniger über gewisse Dinge. Zugegebenermaßen ist der Inhalt halbwegs aktuell.

Merci fefe!

Feed gefällt? Flattrn | Twittern | Kommentieren

Das neue beta.bund.de:

Das sieht doch gleich aus wie aus einem ganz anderen Jahrhundert (was es wohl auch ist). Layout ist augeräumt und modern, ohne unpassend Web2.0-nuttig zu sein – allen runden Ecken und Verläufen zum Trotz. Obwohl die Informationsmenge beachtlich ist, findet man sich zurecht und das tabellenfreie HTML validiert sogar!

Nicht so cool: Es ist nur Transistional HTML, es gibt ein paar kleine CSS-Fehler, die URLs sind nicht besonders sprechend, Links nach draußen sind nicht markiert, es werden teilweise neue Fenster aufgemacht und wie man richtig Javascript-Links setzt, ist wohl bis zum Bund noch nicht durchgedrungen.

Aber das ist ja überwiegend Kleinkram. Ich denke angesichts des Beta-Status ist die Schulnote 2,0 durchaus angebracht.

Feed gefällt? Flattrn | Twittern | Kommentieren

Hat man einmal begriffen, wie die diversen Einzelteile zusammenspielen, kann man in Windeseile aus (individuell cachebaren) Chunks, Snippets und Templates eine Seite zusammenkloppen, die problemlos normale CMS-Funktionen und kompliziertere Scripts kombiniert. Man hat dabei jederzeit die volle Kontrolle über den Output, selbst wenn man auf Addons von Dritten zurückgreift. So kann man dem System ohne Probleme oder Hackerei XHTML Strict entlocken. Oder bei Bedarf auch ein Tabellenlayout verbrechen kann. Egal ob es ein popeliges Blog oder irgendeine komplizierte Web2.0-Angelegenheit wird.

Weiterhin ist natürlich praktisch, dass diverse SEO-Funktionen direkt mit eingebaut sind, Mootools mitgliefert werden und dass das gute Stück Open Source (GPL) ist, versteht sich von selbst. Das Backend setzt stark auf Ajax und bedient sich entsprechend flüssig.

Wahrlich, ich sage euch: ModX rockt. Ich habe selten etwas so flexibles gesehen, das dabei noch einigermaßen einfach zu durchblicken ist. Ausprobieren!

• Offizielle Seite
• Deutsche Community

Feed gefällt? Flattrn | Twittern | Kommentieren

Kurz gesagt funktioniert mein Photoshop CS durchaus so gut, dass man von perfekt sprechen kann. Nur ein paar Kleinigkeiten müssen beachtet werden.

Zum Beispiel muss man aufpassen, dass extravagante Linux-Gimmicks wie der 3D-Desktop nicht Hotkeys belegen, die man hinterher in PS vermisst. Ohnehin kann es mit dem 3D-Desktop vorkommen, dass sich innerhalb des Programms Fenster wie die Werkzeugleiste und der Navigator überlagern oder sich plötzlich auf der falschen Arbeitsfläche wiederfinden. Deswegen sollte man seinen 3D-Desktop einfach zum Shoppen abstellen.

Zudem sollte man WINE so konfigurieren, dass Photoshop vom Linux-Fenstermanager kontrolliert wird und keinen eigenen virtuellen Desktop bekommt. Dann aber sollte, genug Rechnerleistung, die neue Version von WINE und die Schriftart Tahoma (wichtig) vorausgesetzt, alles laufen wie man es von Windows kennt.

Das in meinen Augen größte Manko von Photoshop mit WINE unter Linux ist, dass das Programm einfach hässlich ausschaut und sich nicht in die Desktopumgebung einpasst.

Vergleich Gnome-Desktopumgebung (Vordergrund) und WINE-Photoshop (Hintergrund)

Das Windows-Grau ist wirklich kein freudbringender Anblick, aber in der Tat das einzige, was mich im tagtäglichen Einsatz wirklich stört (der Klaus kennt einen Weg, dies zu ändern). Ansonsten: Zum produktiven Einsatz 100% geeignet.

Testsystem: Photoshop 8.0.1 mit WINE 0.9.5.5 auf Ubuntu 7.10.

Der einzige Grund, warum ich noch immer eine ganz ganz kleine Windows-VM habe, sind jetzt die 2-3 kleinen TV-Programme zum Fußball schauen sowie IE und Windows-Safari für Browsertests. Ich finde, das ist eine gute Rechtfertigung. Wie ist eure?

Feed gefällt? Flattrn | Twittern | Kommentieren

So wird man nicht Präsident.

Außerdem interessant sind die HTML-Fehler auf den Seiten der Bewerber. Das hält sich alles sehr im Rahmen… mit einer Ausnahme.

So wird man ganz sicher nicht Präsident. Und der McCain auch nicht, denn der hat keinen Doctype. Aber hey, dafür mach Obamas Design optisch einiges her.

Feed gefällt? Flattrn | Twittern | Kommentieren

Wie ich just erfahren durfte, hat sich die bayrische Einheitspartei Christlich-Soziale Union einen neuen Internetauftritt geleistet. Nun ist es normal, dass sich einem beim Gedanke an eine CSU-Website erst mal der Magen umdreht, aber dieses Exemplar bekommt von mir ein positives Zeugnis ausgestellt.

Beim ersten Eindruck überwiegt die Überraschung angesichts des aufgeräumten Looks. Eine ordentliche Portion Whitespace und eher sparsame Optik sorgen dafür, dass sich alle Inhalte trotz der recht kleinen Schrift angenehm lesen lassen. Viel Raum schlucken große Fotos – normalerweise nicht mein Fall, aber die Motive sind überwiegend nicht so abgenutzt, dass man sich übermäßig darüber aufregen müsste. Schick, wenn auch nicht immer nötig, sind die diversen dezenten Javascript-Effekte.

Unter der Haube werkelt durchgehend valides XHTML 1.0 Transitional, das zwar gelegentlich etwas in Divitis ausartet, insgesamt aber immer semantisch sauber bleibt. Alle Funktionen die sich Web-Nerds wie auch Internet-Ausdrucker wünschen könnten sind da: RSS-Feeds, PDF-Versionen aller Texte und eine Druckansicht (die freilich auch gut ohne Navigation auskäme).

Inhalt ist reichlich vorhanden und sehr übersichtlich strukturiert. Man weiß immer wo man gerade ist, selbst wenn es wie im Unsere-Politik-Bereich mal etwas verschachtelter wird. Die Texte sind kurz und knackig und dank Tagclouds sowie einer Anzeige von relevanten Artikeln kann man recht gut durch durch die Seite surfen. Man hat jederzeit das Gefühl, jede Information über die CSU schnell auf der Seite zu finden. Und selbst Desktop-Hintergründe mit Erwin Huber darauf gibt es zum Download!

Gibt es außer dem Huber-Wallpaper noch andere nicht so tolle Aspekte? Ein paar. Dass man kann den Text im Moment kaum skalieren kann, ohne das es das Layout zerlegt, ist vermutlich eine Kinderkrankheit die noch ausgemerzt werden wird. Wenn Javascript deaktiviert ist, könnte man sicher auch die nur für JS-Funktionen gedachten Links ausblenden. Und es gibt 1-2 CSS-Fehler hier und da.

Aber insgesamt stellt man fest: Angenehm schlichtes Design, in jeder Hinsicht gut lesbare Inhalte und die Technik stimmt auch. Also eine durchaus gelungene Seite, gerade wenn man noch die grausige Vorgängerversion im Hinterkopf hat. Daumen hoch!

(Wählen würde ich sie trotzdem nicht.)

Feed gefällt? Flattrn | Twittern | Kommentieren

Es hat außerdem eine ganz furchtbar schlechte Internetseite.

Ruft man zum ersten mal die Seite des Statistischen Bundesamtes auf, fällt einem sofort des Design ins Auge, das auf der Skala zwischen zweckmäßig und hässlich doch eher zu letzterem tendiert. Nicht mal eine eigenständige Linkfarbe oder eine richtige Bannergrafik gibt es und der graublaue Gesamtlook ist auch nicht gerade sexy. Der kaum vorhandene Zeilenabstand lädt ebenfalls gerade zum lesen ein.

Bevor wir uns den technischen Details widmen, zunächst ein Blick auf die Ergebnisse einer Google-Suche nach statistisches bundesamt:

Wie man zulassen kann, dass so etwas auf einer Suchmaschinenergebnisseite auftaucht, wissen bestenfalls die Götter.

Der Quelltext will XHTML 1.0 Transitional sein, allerdings fabriziert allein die Startseite 23 HTML-Fehler. Das erscheint so lange moderat, bis man sich den Code einmal aus der Nähe angesehen hat. Von den rund 38 KB HTML der Startseite entfällt ein Viertel auf <div> und <span>, aber vor allem die unendlich vielen Leerzeilen! Ein Zeilenumbruch an sich verbraucht nicht viel Speicherplatz, aber wenn es ein paar mal 20 Stück hintereinander sind, dann kommt da einiges zusammen.

Semantische Elemente sind selten. Styles für Headlines aller Ordnungen sind zwar angelegt, aber zum Einsatz kommen auf den meisten Seiten nur <h2>-Elemente.

Die erwähnten <div> und <span> werden an vielen Stellen der Seite als Spacer mißbraucht und erzeugen eine undurchschaubare HTML-Suppe, in der auch Inline-CSS zum Zuge kommt. Einige meiner Lieblings-Konstrukte in dieser Seite:

<a id="inhalt" name="inhalt"></a>

</div><br /></div>

<span class="unsichtbar">Eilmeldungen: </span>

Zum Abschluss ein kleines Zitat direkt von der Website des Statistischen Bundesamtes. In der BITV-Info heißt es:

Unser Angebot berücksichtigt: Einhaltung aktueller Web-Standards, strikte Trennung von Inhalt und Design […]

Klappt ja hervorragend.

Feed gefällt? Flattrn | Twittern | Kommentieren

Der W3-Validator meldet satte 260 HTML-Fehler und in Sachen Stylesheets lassen sich immerhin 8 CSS-Fehler feststellen. Es regiert eine undurchschaubare von Inline-CSS durchsetzte DIV-Suppe mit wenig semantischen Elementen. Außer ein paar <h1> gibt es im Westen anscheinend ausschließlich <div>, eine Handvoll <p> und den einen oder anderen Link.

Gerade die Fehler in den Stylesheets kommen mir etwas seltsam vor. Ein Attribut valign in CSS? Oder vertical-align:center; und padding-topXX: 8px;? Sind das alles mir nicht bekannte Hacks? Ich zweifle…

இந்த இணையதளத்தில் விளம்பரம் செய்யவும்!

Aber mein persönliches Highlight sind die Platzhalter-Anzeigen von Google. Denn die sind aus einem für mich nicht nachvollziehbaren Grund teilweise in der Sprache Tamil gehalten - jedenfalls glaube ich nach spontaner Recherche, dass es Tamil ist. Indische Sprachen sind eigentlich nicht mein Fachgebiet. Jedenfalls steht fest, dass diese putzigen Schriftzeichen auf einer Seite namens der Westen schon recht befremdlich anmuten.

Was Webstandards angeht, ist derWesten.de ein Griff ins Klo. Und was Anzeigen in Tamil bewirken sollen, weiß wohl niemand.

Nachtrag: die Seite führt bei anderen offenbar zu Hängern und abstürzenden Browsern. Passiert bei mir zwar nicht, kann ich aber angesichts der Unmengen eingebauten Javascripts durchaus glauben.

Feed gefällt? Flattrn | Twittern | Kommentieren

Auf den ersten Blick, d.h. im Firefox mit Ad-, Script- und Flashblock, sieht die Seite ganz gut aus. Nicht spektakulär, aber vergleichsweise aufgeräumt und übersichtlich. Wehe dem, der diese praktischen Extensions nicht an Bord hat.

Dann erfährt man ein so böses Foul, wie ich es schon lange nicht mehr gesehen habe: Nicht nur dröhnt ungefragt ein Flashfilmchen mit mit einem aktuellen Trailer los, sondern dieses wird auch noch durch eins dieser unsäglichen Layer-Ads verdeckt! Die Layer-Ads haben verschiedene Größen und treten auf allen Unterseiten auf. Manchmal überdecken sich die verschiedenen Ads auch gegenseitig. Wer dafür Geld bezahlt, tut mir leid.

Schriftvergrößerung?

---

Ich sehe doppelt…

Auch der Rest der Seite beruft sich auf die bekannten Onlinetugenden von RTL: Der HTML-Validator meldet 121 Fehler, der CSS-Validator immerhin 21. Wer seine Brille verlegt hat und die Schrift vergrößern will, gehört offenbar nicht zur Zielgruppe und einige Inhalte tauchen doppelt auf.

Fazit: Dieser Relaunch ist ein fulminanter Griff ins Klo. Wer immer diese Seite verbrochen hat, muss entweder Vox-Zuschauer hassen oder durfte bei diesem Projekt nicht selbst denken und musste die Befehle irgendwelcher Vorstände ausführen.

Feed gefällt? Flattrn | Twittern | Kommentieren

Kürzlich wurde hier M-Pathy vorgestellt. Der Dienst zeichnet die Mausbewegungen von Website-Besuchern auf und kompiliert sie zu kleinen Filmen zusammen, die man sich zwecks Analyse zu Gemüte führen kann. M-Pathy reiht sich damit in die Liste der Instrumente ein, die einem nicht nur sagen was auf einer Website los ist, sondern auch wo Aktionen stattfinden. Nach einem kleinen Testlauf bei Kram-hochladen.de fühle ich mich zu einer Einschätzung der Nützlichkeit qualifiziert.

Heatmap von Crazyegg

M-Pathy kann definitiv Dinge, die andere Tools nicht können. Im weitesten Sinne ähnliche Dienste wie Crazyegg zeigen auch Nutzerverhalten, wenn sie auch meist nur Klicks registrieren. Lohnt trotzdem noch M-Pathy?

Aufwand, Ergebnis, Wiederholungstäter

Diese Frage ist berechtigt, wenn man bedenkt, dass die Analyse der gesammelten Mausbewegungen eine vergleichsweise mühselige Angelegenheit ist und dass schnell eine große Datenmenge anfällt. Beim Test auf Kram-hochladen.de wurden fast 300 Sessions aufgezeichnet, obwohl M-Pathy nur kürzeste Zeit im Einsatz war. Da stellt sich schon die Frage wie sich solche Massen an Informationen analysieren lassen.

Die Abspiel-Funktionen enthalten alle Features, mit denen ein schnelles und gezieltes Abspielen der einzelnen Aufzeichnungen möglich ist. Aber 300 Sessions sind auch dann noch viel Holz und trotzdem vielleicht gerade so viel, wie man für einen guten Querschnitt durch die Nutzerschaft haben sollte. Eine derartige Menge an Material zu sichten ist trotz des besten Interfaces nicht ohne.

Ich würde behaupten, dass sich dieser Aufwand in den meisten Fällen nicht lohnen dürfte, jedenfalls nicht, so lange die fragliche Website hinreichend konventionell ist und sich die Frage wie kommen die Nutzer damit zurecht grundsätzlich nicht stellt. Stellt die Benutzung der Seite nur für einen geringen Anteil der Besucher ein Problem dar, ist es nicht einfach, diese Benutzer und das spezifische Problem zu isolieren. Hinzu kommt, dass am ehesten das Verhalten von Erstbesuchern von Interesse wäre, diese aber nicht ohne weiteres zu identifizieren sind. Eher gewöhnlich angelegte Websites wie eben Kram-hochladen.de oder diese Seite hier dürften wohl bei keinen normalen Internetnutzer Verwirrung stiften und entsprechend keiner so tiefschürfenden Analyse bedürfen.

Fazit

M-Pathy kann Dinge, die andere Dienste nicht drauf haben. Nur muss man sich fragen, ob man diese Dinge wirklich braucht und ob, wenn man meint, dass man sie brauchen könnte, der Aufwand der Analyse und die zu erreichende Verbesserung verhältnismäßig sind. Daten sind schnell gesammelt, aber die Auswertung dieser Daten ist wieder etwas anderes. Das Ganze könnte sich lohnen, wenn:

1. Die zu analysierende Website in irgend einer Weise unkonventionelle Elemente enthält, die ein normaler Internetnutzer vielleicht nicht kennen muss.
2. Die Seite neu ist, d.h. jeder Nutzer ein Erstbesucher ist.

Außerhalb dieser beiden Bedingungen würde ich bezweifeln, dass man die Aufzeichnungen von Mausbewegungen wirklich braucht oder - wegen der »Verunreinigung« der Testergebnisse durch Besucher, die sich mit einer eventuell verwirrenden Bedienung schon arrangiert haben - überhaupt gebrauchen kann.

Feed gefällt? Flattrn | Twittern | Kommentieren

Meinem Eindruck nach ist es sinnvoll, das XHTML-Gerüst noch mit normalem (d.h. gar keinem) CSS aufzuziehen - so behält man über bestehende Strukturen komfortabel den Überblick. Spätestens aber bevor man mit der eigentlichen Gestaltung beginnt, sollte man Reset Reloaded an den Start bringen, denn ab diesem Punkt erspart man sich damit ein beachtliches Maß an Tipperei.

Besonders deutlich wird das, wenn man sich an die Formatierung von Listen heranmacht. Dann da braucht man doch erstaunlich selten die üblichen Abstände und Aufzählungszeichen, denn die sind nur im Inhalt zu irgendetwas gut. Und mögen dort Listen auch besonders oft auftauchen, wirkliche CSS-Arbeit muss meist doch an anderer Stelle verrichtet werden. Gerade bei komplexen Navigationslisten ist es eine Wohltat, bei Null anfangen zu können.

Negatives? Man kann darüber streiten, ob es wirklich sinnvoll ist, Elementen wie <pre> und <code> die Monospace-Font zu rauben. Und ob es nicht inkonsequent ist, dass Links ihre Farben und Unterstreichungen behalten dürfen - schließlich werden diese später mit sehr großer Sicherheit geändert werden um sich besser in die Seite einzufügen oder herauszutreten.

Aber bei diesen Punkten gilt: Selbst ist der Mann/die Frau. Das nun wirklich nicht unübersichtliche Reset-CSS ist leicht an individuelle Wünsche anzupassen und kann dann immer wieder verwendet werden. Und dazu möchte ich ausdrücklich raten, denn dann schreiben sich eigene Stylesheets spürbar einfacher und vor allem übersichtlicher. Es lohnt sich.

Feed gefällt? Flattrn | Twittern | Kommentieren

Man erkennt nicht wirklich viele der Facts.

Das bedeutet nicht, dass man mit Flash nicht weiterhin Augenkrebs und Verzweiflung auslösen kann. Sehr eindrucksvoll demonstriert das Vanity Fair, wo neben einer beachtlichen Anzahl an übrigen Schnitzern im Design auch die Tagcloud Fact Cloud ganz zwanglos wabert und dabei in weiten Teilen unleserlich bleibt.

Was schließlich die Designer bei der Gestaltung der Video Cloud geritten hat, weiß vermutlich niemand. Es ist fast unmöglich, sich gezielt ein Video aus dem unansehnlichen Gewusel herauszupicken. Sie sind wohl kollektiv dem Schluss erlegen, dass man heutzutage mit Flash gar nichts mehr falsch machen kann. So kann man sich täuschen.

Feed gefällt? Flattrn | Twittern | Kommentieren

Dass das ganze auch praktisch funktioniert, steht seit heute morgen fest. Bisher ließen sich die paar Spamkommentare noch durch altmodische Moderation aussortieren, doch als das überhand zu nehmen begann, machte ich mich an die praktische Umsetzung des Dumme Frage-Captchas, das seitdem zuverlässig alle Spamversuche verschluckt hat.

Das Dumme-Frage-Captcha, das im Falle meines Kommentarformulars den Vornamen von Franz Beckenbauer erfahren möchte, ist für den Hausgebrauch ausreichend, lädt schneller als ein Bildcaptcha, belastet den Server nicht mit der Erzeugung von Grafiken, ist immer lesbar und für jeden lösbar.

Es funktioniert, weil so gut wie kein Spambot in der Lage ist, solche dummen Fragen zu beantworten. Klassische Bild-Captchas funktionieren zwar genau so gut, machen aber so viel mehr mehr Aufwand, dass man durchaus davon sprechen kann, dass in den meisten Fällen mit Kanonen auf Spatzen geschossen wird.

Falls sich Interesse ausmachen lässt, werde ich dem Plugin noch alle Kinderkrankheiten austreiben und es für WordPress veröffentlichen.

Feed gefällt? Flattrn | Twittern | Kommentieren

Schriftvergrößerung verboten

Es sei nur der Vollständigkeit halber erwähnt, dass sich das neue Design selbstverständlich auch jeder effektiven Schriftvergrößerung verweigert. Das heißt, selbst wenn man als etwas sehschwacher Mensch Interesse daran hätte, die in Kleinstschrift umgesetzten Neuigkeiten auf der Seite zu lesen, man könnte es nicht. Aber alles über 30 oder mit Brille ist vermutlich so wie so keine Zielgruppe mehr.

Man müsste dieses Wrack spaßeshalber mal durch einen Screenreader jagen.

Feed gefällt? Flattrn | Twittern | Kommentieren