miradlo.com Auflösungen testen

In den letzten Wochen habe ich mich intensiver mit Responsive Webdesign befasst. Hierbei geht darum, die Inhalte einer Seite möglichst optimal für alle Geräte darzustellen. Egal ob mobiles Smartphone oder großer Monitor mit hoher Auflösung alle Nutzer sollen ein Layout finden, was zu ihrem gerade genutzten Gerät passt. Beim Barcamp Stuttgart habe ich am Samstag eine Session zu diesem Thema angeboten, dieser Beitrag enthält die Links und Infos hierzu.

Die Techniken im Hintergrund sind gar nicht so neu, vorgestellt wurde CSS 3 schon vor einigen Jahren. Sinnvoll einsetzbar wurde diese Möglichkeiten jedoch erst seit sie von den wichtigsten Browsern auch interpretiert wurden. Für mobile Geräte konnte man zunächst mittels media="handheld" ein anderes Layout festlegen, Geräte wie das iphone melden sich jedoch gar nicht als handheld und bekamen daher doch wieder dasselbe Design wie Nutzer mit großen Desktopmonitoren.

media queries je nach Auflösung

Mittels media queries aus CSS 3 wird ein Layout je nach Auflösung ausgegeben. Zunächst habe ich ein Layout erstellt wie es in meiner Arbeitsumgebung optimal passt. Mein erster Schritt war also das Layout für eine hohe Auflösung wie z.B. 1920 * 1080 Pixel anzulegen. Danach probierte ich immer kleiner werdende Auflösungen und sobald mir etwas nicht gefiel, passte ich es an. Das habe ich so lange gemacht bis ich eine weitere Verkleinerung nicht mehr für sinnvoll hielt, sprich bei weniger als 300 px Breite erzwinge ich einen Scrollbalken, Beispiel:

@media only screen and (max-width: 429px) {
#mainwrapper{
    min-width: 270px;
}
}

Genauer ansehen könnt ihr euch das CSS layout.css im unteren Teil von der Seite miradlo.com. Testen lassen sich Seiten:

• screenfly dort werden diverse Auflösungen je nach Gerät angezeigt, einfach die URL eingeben, z.B: miradlo.com
• Responsive Webdesign Testing zeigt direkt mehrere Auflösungen auf einen Blick, auch hier einfach die URL eingeben, z.B: miradlo.com

Responsive Webdesign vs. Apps

Ich halte diese Technik insbesondere für sehr sinnvoll. Damit werden weiterhin dieselben Inhalte auf allen Geräten ausgegeben und trotzdem wird das Design angepasst. Für große Seitenbetreiber, wie wikipedia können auch Apps für iphone, android usw. eingesetzt werden, um mobile Versionen zu nutzen. Bei der Mehrzahl aller Websites ist das jedoch nicht sinnvoll und meist auch finanziell nicht machbar. Plugins wie für WordPress die eine mobile Variante erstellen sind sicher oft besser als nichts, sie zeigen jedoch nicht mehr das Ursprungsdesign der jeweiligen Seite. Responsive Webdesign ist eine gute Lösung für viele Seiten und der Aufwand ist nicht so viel höher wie beim Erstellen einer App.

Je nach Design lässt sich das auch im Nachhinein noch relativ einfach anpassen, das klappt jedoch sicher nicht immer. Das gesamte Design muss mit flexiblen Breiten zurecht kommen. Die einzelnen div-Container müssen problemlos verschiebbar sein, sonst lohnt sich das nicht. Einige weitere Links zu diesem Thema:

• Responsive Webdesign – Verschiedene Devices simulieren und testen
• Responsive Webdesign: Umfangreiche Präsentation mit Tipps und Tricks
• Responsive Webdesign mit CSS3 Media Queries: So funktioniert’s

@font-face auf uteles Blog

So ganz allmählich lassen sich Schriftarten sinnvoll einsetzen, die nicht auf dem Rechner des jeweiligen Nutzers installiert sind.  Es gibt viele freie Schriften, die dafür genutzt werden können, jedoch für deutschsprachige Blogs eignen sich nicht alle.

uteles Blog als erste Testecke, siehe Screenshot.

Um einen Überblick über die Schriften zu haben und weil ich eine eigene Auswahl aus Schriften mit Umlauten wollte, habe ich mir eine eigene Seite für Schriften angelegt. Vorsicht, es dauert einen Moment bis die Seite vollständig geladen ist (eher nicht mobil geeignet): http://www.miradlo.info/schriften/

Es gibt Browser – insbesondere manche ältere Browser – die die Schriften nicht darstellen können. Für die Schriftenseite ist das natürlich ungeschickt, aber für den Alltagseinsatz ist es kein Problem, denn mit Angabe von Alternativschriften wird alles korrekt angezeigt, nur eben nicht so hübsch.

@font-face

Die Einbindung der Schriften, die dann vom jeweilien Browser runtergeladen und angezeigt werden, mache ich mit @font-face im CSS. Im Internet Explorer sollte es wohl bereits ab IE 6 klappen, zumindest bei meinen Tests. Aktuelle Browserversionen von Opera, Safari, Chrome usw. kommen gut damit zurecht, der Firefox kann es seit Version 3.5. Der Konqueror mag bei mir nicht, obwohl ich die Einbindung so mache wie auch empfohlen. Unterm Strich sind die Schriften für mich ein zusätzlicher Hingucker, schön wenn es angezeigt wird, aber wenn es halt mal nicht klappt ist es auch nicht schlimm.

Ladezeit für Schriften

Auf einem üblichen Rechner mit DSL fällt es kaum auf und durch Angabe etwaige bereits vorhandener Systemschriften muss auch nicht in jedem Fall die Schrift geholt werden. Der Browser speichert die Schriften, damit ist es schlimmstenfalls beim ersten Aufruf nötig die Schriften zu holen. Für den üblichen Webeinsatz spricht also nichts dagegen es zu nutzen.

Mobile Geräte

uteles Blog brauchte im explizit abgewählten mobile-Theme auf dem iphone im lokalen Netz rund 3 Sekunden, mit ein bissel weniger starkem Zugang ist das dann keine so gute Idee. Sprich beim Einsatz im Alltag wäre es sinnvoll mobile Themes anzubieten, die ohne die speziellen Schriften auskommen.

Freie Schriften und Umlaute

font-squirrel bietet eine große Auswahl und eine Schrift kann mit einem Kit runtergeladen werden, mit dem die Einbindung dann recht einfach klappt, siehe auch: @font-face-Tipp
Leider ist in der Übersicht nicht erkennbar, ob eine Schrift mit Umlauten zurecht kommt, das lässt sich mit dem Testdings probieren, da wird angezeigt, was man eingibt. Es gab einige Schriften, die mir gut gefallen haben, die jedoch deshalb nicht in Frage kommen, weil sie keine Umlaute darstellen. Die ein oder andere, die ich jetzt mit eingebunden habe, kommt mit dem “ß” nicht zurecht. Je nach Einsatzzweck, kann das für Überschriften jedoch trotzdem noch akzeptabel sein. Keine Umlaute sind dagegen ein klares no-go.

Effekte und Probleme

Einige Schriften sind sehr verspielt und damit schwer lesbar, aber für spezielle Überschrifteneffekte oder andere spezielle Ansichten ist das ja durchaus mal akzeptabel. Die ein oder andere Schrift bietet nicht alle Font-Formatierungen an, die CSS an sich kennt. Teils übernimmt dann der Browser die Darstellung, das klappt nicht überall so hübsch, wie bei Schriften, die selbst einen fetten oder kursiven Stil anbieten.

Alles wird gut

Noch ist nicht alles gut, ein Browser ist nach wie vor keine Textverarbeitung mit allen Möglichkeiten von Schriften. Aber aus meiner Sicht ist es ein großer Schritt weg von Webseiten, die nur mit den paar üblichen Schriften auskommen müssen, die bislang im Web einigermaßen übergreifend unterstützt wurden. Was mir gut gefällt ist das problemlose Fallback auf Alternativen und dass eine Schrift nicht jedesmal runtergeladen werden muss. Ein klarer Vorteil für Stammleser einer Seite. Wenn sich die Schriften verbreiten, wird es auch seltener, dass eine Schrift noch nicht installiert ist.

Es ist noch nicht alles gut, es braucht noch intensives Testen im Umgang damit, aber ich bin fürs Erste völlig zufrieden, dass es jetzt einen Weg gibt, der ohne Flash, Bilder oder sonstige Krücken auskommt um eine besondere Schrift anzubieten.

IE6

IE5

IE8

Firefox 3.6 Ubuntu

Firefox 4 Win 7

WordPress unterstützt im Adminbereich inzwischen keinen guten alten IE6 mehr. Hätte ich wohl nicht so gemacht, aber das ist akzeptabel, irgendwann wären wir Webautoren das Ding ja schon gern mal los.

Fehlermeldungen in WordPress

Schockiert bin ich dagegen von den Monsterfehlermeldungen im Dashboard. Ich nutze – nicht übertrieben aktuell  aber auch nicht veraltet – einen Firefox 3.6 auf Ubuntu Maverick Meerkat. Für diesen Browser bekomme ich noch regelmäßige Updates. Trotzdem meint WP mit einer Monstermeldung mir sagen zu müssen:

“Dein Browser ist veraltet”

Ja, die Meldung lässt sich ausblenden, ja bei ersten Tests sieht es so aus, als käme sie auch nicht mehrfach. Trotzdem:

Ungeübtere Nutzer werden überflüssigerweise erstmal irritiert sein. Ich kann auf die Anfragen warten, wenn ich bei Kunden die neue Version eingespielt habe. WordPress mischt sich hier in etwas ein, was für meinen Geschmack definitiv nicht mehr in Ordnung ist.

IE6

Hier eine dicke rote Meldung mit

“Du verwendest einen unsicheren Browser”

zu bringen, ist in Ordnung, das Ding (Internet Explorer) ist von 2001, da ist allmählich mal Zeit für ein Update.

IE5

Ups, besser IE5 als IE6, denn hier gibt’s nur eine ockerfarbene aber keine rote Fehlermeldung.

IE8

“Dein Browser ist veraltet”

Nunja, auf Windows 7 stimmt das, aber auf einem guten alten Windows XP kann gar kein IE9 installiert werden, insofern schon auch fragwürdig.

Firefox 3.6

“Dein Browser ist veraltet”

Das ist nicht in Ordnung, in meiner noch nicht veralteten Version von Ubuntu bekomme ich per automatischem Update keinen aktuelleren Firefox.

Firefox 4 auf Windows

“Dein Browser ist veraltet”

Für mich die Krönung des Ganzen, im Moment ist für mich Firefox 4 auf Windows durchaus, Stand der Dinge, auch wenn es bereits Firefox 5 gibt.

Sonstige Browser

Die Meldungen erscheinen nur bei den Mainstreambrowsern, mein Seamonkey 2.0.11 ist in Ordnung, obwohl es 2.2 bereits gibt.

Nutzer sollen selbst entscheiden

Für mich ist es in Ordnung bei schweren Mängeln zu informieren, gegen sehr veraltete Browserwarnungen innerhalb von WordPress habe ich nichts. Aber das gilt für mich für Internet Explorer kleiner gleich IE7, ebenso bei alten Firefoxversionen, für die es keine Updates mehr gibt.

WordPress jedoch teilt die Welt in gut und böse, wie es grad dem jeweiligen Entwickler passend erschien. Das ist für mich Einmischung und ärgerlich. Daran ändern  – wie erwähnt – auch die ausblendbaren Warnungen nichts.

• Update läuft per Synaptic

Nach einem kurzen Blick auf die Änderungen beim vollständigen Update auf die Meerkatze (Maverick Meerkat aka Ubuntu 10.10 aka eigensinniges Erdmännchen)  beschloss ich daher es zu riskieren.  Nach einem aktuellen Backup aller relevanten Daten auf unseren Fileserver startete ich das Ding und hoffte, dass es klappt…

Das Ding erzählte tolle Geschichten von Runterladen und Installieren und Rechner neu starten und überhaupt… Insgesamt waren das schon gut zwei Stunden…

Huch, irgendwann bewegte sich was, ich dachte jetzt kämen die Fragen…

Nee, doch nicht, das Ding war nebenbei abgestürzt. Nun gut, unterm Strich entfernte er dabei zumindest nicht, was er ursprünglich behauptete löschen zu wollen…

Nach der Aktualisierung auf die Meerkatze

Zunächst einmal ging es deutlich besser als erhofft, zumindest ein bisschen im Web surfen und mit identi.ca und twitter arbeiten, ging bis kurz bevor alles fertig war.

Meine Hauptgründe fürs Update waren:

• akonadi stürzte ständig ab, sobald ich im kontact irgendetwas außer Mails nutzte (Adressbuch, Usenet, RSS, Kalender…) Bug wurde in KDE 4.5 repariert: https://bugs.kde.org/show_bug.cgi?id=236355 (scheint bisher zu laufen)
• konqueror versteht keine localhost-Adresse mehr, Bug wurde in KDE 4.5 repariert: https://bugs.kde.org/show_bug.cgi?id=249204 (kann zunächst wohl sowohl localhost wieder und zickt bislang auch bei sftp nicht mehr)
• kscreensaver Diaschau, kann nur mit Querformat bei Bildern, Bug wurde für KDE 4.5.2 repariert: https://bugs.kde.org/show_bug.cgi?id=253771 (hier muss ich noch warten, aber ich hoffe doch, dass die Meerkatze bald auch KDE 4.5.2 bekommt…)

• Eigensinniges Erdmännchen (K)Ubuntu

Die ersten Tests:

• Gleich beim ersten Testen fror die Kiste völlig ein und war mit nichts außer dem großen Knopf dazu zu bewegen sich abzuschalten.
• Quanta, GIMP, Eclipse, OpenOffice, Virtualbox usw. verhalten sich wie erhofft unverändert und ohne Probleme
• alle installierten Browser verhalten sich brav, nur Firefox hatte sein Flashplugin verloren, dafür läuft Java noch wie erhofft
• kontact (inklusive akonadi) scheint nach den ersten Tests wieder sauber zu laufen, zunächst zickte es noch ein bisschen, doch nach mehrfachem Ab- und Anmelden und damit kontact neu starten scheinen diese Fehler jetzt weg zu sein.
• Im Dolphin hat’s mal wieder ein paar Ansichten verhagelt, das ist ärgerlich, aber war bisher jedesmal so, also kein Weltuntergang (siehe Screenshot, die Symbole werden nicht vollständig angezeigt)
• KDE μ-Blog hab ich in den letzten Versionen schon mal probiert, aber bisher nur ganz kurz, weil es völlig unbrauchbar war. Inzwischen ist es in der Kontrollleiste integriert und auf den ersten Blick wirkt es ganz spannend.
• insgesamt wirkt das Ganze kaum verändert, die wenigen Kleinigkeiten, die auf Anhieb auffallen sind eher angenehm als ungewohnt (die anderen Symbole in der Kontrollleiste beispielsweise)
• jetzt hoffe ich, dass sich das Erdmännchen nicht zu eigensinnig sondern vor allem weiterhin stabil verhält und ich zumindest die ganz lästigen Fehler los bin… (Gesamtaufwand war jetzt alles in allem rund 8 Stunden inklusive aller Tests)

• Screenshot IE8 zeigt Bild nicht

Ich bekam eine Rückmeldung, dass ein Bild nicht angezeigt würde im IE. Wie immer, erst einmal selbst testen: Firefox geht, und die üblichen anderen Browser zeigten das Bild ebenfalls an. Also die Virtualbox öffnen, Windows starten und das Ganze im Internet Explorer probieren. Stimmt, da wird kein Bild angezeigt, sondern nur die hässliche Grafik mit dem roten Kreuz.

Bildgröße unverhältnismäßig

Die Pfade zum Bild konnten ja kaum falsch sein, denn sonst würde es ja auch in anderen Browsern angezeigt. Der Bildname enthielt auch keine Sonderzeichen oder Umlaute. Doch offensichtlich war irgendetwas anders. In der Dateiansicht staunte ich dann, denn das Bild mit einer Größe von etwa 200*150 Pixel hatte eine Dateigröße von über 500 kB. Alle anderen Bilder derselben Größe hatten zwischen 3kB bis höchstens 56 kB.

Ich öffnete das Bild im GIMP und speicherte es neu und siehe da, ohne sichtbaren Unterschied blieben nur noch 12 kB übrig.

Meine Vermutung war zunächst, dass es im Internet Explorer vielleicht eine Sicherheitseinstellung gibt, die anhand der Dateigröße blockt. Deshalb suchte ich, ob es diesen Fehler schon einmal jemand  hatte. Tatsächlich wurde ich fündig, aber anders als erwartet: Grafik wird im IE nicht angezeigt

Photoshop

Gern hätte ich das Problem für diesen Artikel nachgestellt, aber da ich kein Photoshop nutze, klappte das nicht. Mir gelang es mit keinem Programm unter Linux ein *jpg als CMYK zu speichern. Das ist prinzipiell aus meiner Sicht auch sinnvoll, verhindert allerdings, dass ich es als Anschauungsobjekt einbinden kann.

Die Metadaten der Problembilder zeigten bei nachträglicher Überprüfung, dass genau das der Punkt ist, die Bilder waren im Modus CMYK mit Photoshop unter Windows erstellt worden.

Screenshot erstellen

Da ich es heute grad las, noch ein Hinweis zum Screenshots erstellen. Bei mir unter (K)Ubuntu habe ich Taste “Druck” so eingerichtet, dass damit KSnapshot geöffnet wird. So wird ein Screenshot erstellt und ich kann jeweils einstellen, ob nur vom aktiven Fenster oder dem ganzen Bildschirm. Unter Ubuntu mit Gnome gibt Roman den Tipp, sich für den Screenshot Tastaturkürzel anzupassen, weil die bisher üblichen Befehle in der aktuellen Version 10.10  Maverick nicht mehr funktionieren.

Unlesbare Navigation

Teaserinfos laufen in- und übereinander

Fast auf allen Seiten, auch auf ordentlich sauber mit HTML und CSS erstellten, passen die Formularelemente mit meinen Einstellungen nicht.

Ein Klick auf die Bilder führt zur vergrößerten Ansicht.

Benutzerdefinierte Mindestschriftgröße

Einerseits habe ich seit Jahren in dem Browser, den ich normalerweise nutze, eine Mindestschriftgröße eingestellt, weil ich sonst auf sehr vielen Seiten, schlicht nichts lesen kann. Hinzu kommt, dass selbst damit inzwischen viele Seiten eine derart schicke, Minischrift haben, dass ich erneut die Schrift vergrößern muss.

Einfach wäre die Mindestschriftgröße erneut höher zu setzen, doch das geht leider nicht, denn spätestens bei Seiten mit Formularen, sind damit nur noch sehr wenige überhaupt nutzbar. Oft komme ich nicht mal soweit, weil schon vorher die Benutzung nicht mehr klappt:

• Insbesondere horizontale Navigationen werden meist schlicht auf eine vordefinierte Schriftgröße festgezurrt und werden unlesbar, wenn die Schriftgröße erhöht wird, z.B. stern.de
• Zusammenstellungen wie in vielen Teasern und anderen Bereichen, die Aufmerksamkeit wecken sollen laufen völlig in- und übereinander z.B. auf suedkurier.de

• Beschriftung der Eingabefelder unlesbar
• Eingabefelder zu klein

Schriftgrößen insbesondere in Formularen und so

Häufig sind Formularelemente mit fixen Werten vordefiniert, wenn ich also die Schriftgröße so setze, wie ich es bequem lesen kann, dann kann ich wichtige zusätzliche Infos nicht mehr lesen:

• Eingabefelder sind zu klein um den gesamten geforderten Inhalt lesbar anzuzeigen (Deutsche Bank)
• Beschriftung der Eingabefelder unlesbar, bzw. kann sogar ganz verschwinden (suedkurier.de)

Die Konsequenz ist bei mir ein Mischsystem:

• eine Mindestschriftgröße die für manche Seiten passt
• erhöhen der Schriftgröße, wenn ich etwas lesen will
• verringern der Schriftgröße, um Bedienungselemente nutzen zu können

Überflüssig und ärgerlich

Schade, dass nur für schicke Optik so häufig auf zugängliche, nach Webstandards erstellte Seiten verzichtet wird. Das Web ist von seinen Grundlagen her optimal geeignet solche Probleme zu vermeiden und es den Nutzern zu überlassen, welche Einstellungen ihren Bedürfnissen entsprechen. Doch leider gibt es noch immer viel zu viele Designer, die Webseiten entwerfen, als sei es Papier.

Dazu passt die unsägliche Schriftgrößenumrechnung, die pixelgenau und berechenbar sein soll: den Mythos der 62,5% erklärt toscho in einfachen Worten.

Ich wünsche mir, wie viele andere, dass der Unsinn – Papierlayouts im Web 1:1 abzubilden – aufhört. Eine Initiative dazu ist der Blue Beanie Day, siehe: Blaue Mützen : Blue Beanie : 30.11.2010 Webstandards

PS: Falls jemand meint ich solle mal einen Optiker aufsuchen, ja das habe ich getan, ich habe eine Brille für die Ferne und eine Lesebrille, keine von beiden hilft mir am Bildschirm.

Utes öffentliche Lesezeichen

Es gibt ja einige Bookmarkdienste, wie z.B. delicious oder Mr. Wong. Praktisch ist es selbstverständlich die eigenen Lesezeichen (Favoriten) nicht nur auf dem eigenen Rechner zu haben, sondern zentral an einer Stelle, so dass sie mit jedwedem Rechner mit Internetzugang erreichbar sind.

Ich nutze häufig – aber eben auch nicht immer – denselben Rechner. Für mich gibt es mehrere Gründe warum ich ein Lesezeichen nutze:

• als Aufgabenliste
  d.h. ich habe meist auch einige Tabs im Browser offen, weil ich noch irgendwas damit tun möchte
• alle offenen Tabs zu einer Recherche
• weil ich etwas noch in Ruhe lesen möchte
• als “echtes” Lesezeichen

Essenziell ist für mich daher in mancher Situation “Lesezeichen für alle Tabs hinzufügen”. Nicht alle meiner Lesezeichen möchte ich aufheben und sortiert ablegen, aber das ein oder andere eben schon. Hin und wieder kommt es vor, dass ich länger nicht mehr so recht in meinen Lesezeichen aufgeräumt habe.

Lesezeichen, die nicht aktuell sind, nützen gar nichts. Unsortierte Lesezeichen verstehe ich teils noch, jedoch niemand mehr außer mir. Zu manchen Themen ist es jedoch auch für andere nicht uninteressant, was ich so gesammelt habe. Deshalb hatte ich lange im internen Bereich von miradlo einen Teil als jeweiligen Export aus den Lesezeichen abgelegt.

Es gab also schon lang mehrere Gründe, die für einen zentralen Lesezeichendienst sprachen. Aber ich verlasse mich ja ungern auf andere Anbieter, das war der Hauptgrund über eine selbstgehostete Version nachzudenken.

Ein weiterer Punkt, den ich wollte, war auch Lesezeichen ablegen zu können, die nur ich sehen kann. Bei einem fremden Anbieter sind selbst auf privat gesetzte Lesezeichen zumindest für den Anbieter trotzdem sichtbar.

Wunsch und Ausführung

Bei solchen Ideen ist mein erster Schritt mal rumzufragen, dabei bekam ich zweimal denselben Tipp, einmal schrieb Chris und verwies auf seine Erfahrung mit Sitebar. Ebenfalls wies Dieter in einem Kommentar auf sitebar.org hin. Dankeschön.

Lesezeichen putzen, aufräumen und sortieren war sowieso grad auf meiner Liste, da passte es grad auch noch solch ein Werkzeug zu testen. Mir wurde schnell klar, dass es nicht so komfortabel ist, wie es im Firefox mit vielen zusätzlichen Plugins möglich ist, aber es ließ sich installieren. Ich kann bei Lesezeichen unterscheiden, ob sie öffentlich oder privat sind.

Von meinen gut 5000 unsortierten Lesezeichen blieben nach putzen, entfernen doppelter, und aussortieren noch gut 1000 übrig und die sind jetzt teils auch öffentlich erreichbar:

miradlo.info/lesezeichen

Wenn ich eingeloggt bin, kann ich außerdem meine privaten, persönlichen Lesezeichen erreichen. Da liegen mal unsortierte Lesezeichen oder welche von denen ich eben nicht will, dass alle sehen, dass ich sie gesammelt habe. Ich nutze Sitebar jetzt seit rund zwei Wochen und bin bisher soweit zufrieden.

Direkt im Firefox auf dem Rechner lege ich noch immer meine größeren Sammlungen vieler Tabs ab, mit dem was ich gerade aktuell so aufheben möchte. Jedoch für Lesezeichen, die ich länger aufheben möchte, klappt es gut sie direkt in Sitebar abzulegen.

Dieses Mal habe ich – dank dessen – die Erklärung dann relativ schnell hinbekommen. Die Voranmeldung mache ich also mit elsteronline.

Die gesamte Steuererklärung mache ich mit Steuerfuchs, da das webbasiert ist, klappt es auch unter Linux.

Bei der letzten Erklärung fehlten jetzt nur noch drei Dinge:

• Einnahme- Überschussrechnung
• Umsatzsteuerjahreserklärung
• Gewerbesteuererklärung

Einnahme- Überschussrechnung

Die Einnahme- Überschussrechnung mache ich mit OpenOffice.org dort habe ich mir für die gesamte Buchhaltung selbst eine Tabellenkalkulation so erstellt, dass die Tabellen aus den Einträgen, die ich im Laufe des Jahres mache, die steuerlich relevanten und auch die Einnahme- Überschussrechnung automatisch errechnet.

• Webformular Umsatzsteuererklärung

Umsatzsteuererklärung für ein Kalenderjahr

Weder mit elsteronline, noch mit Steuerfuchs lässt sich diese Erklärung erstellen. Erwartet wird auch ein Formular, welches ich also nicht selbst erstellen kann. Bisher hatte ich es jeweils auf Papier beim Finanzamt geholt und von Hand ausgefüllt.

Dieses Jahr fand ich, dass es doch eine gute Idee wäre, auch diesen Teil elektronisch zu haben, oder zumindest das leere Formular runterzuladen und dann auszufüllen. Bei der Suche nach einem Formular zum Download entdeckte ich was – wie ich finde – Geniales, was ich noch nicht kannte:

Im Formular-Managementsystem des Bundesministeriums der Finanzen gibt es das gewünschte Formular. Es ist jedoch nicht einfach nur ein leerer Download möglich, sondern das Formular lässt sich direkt im Browser ausfüllen und anschließend als PDF oder XML exportieren. Die Funktion, die  das ganze Paket des ausgefüllten Formulars runterlädt klappte bei mir nicht. Aber alles andere funktionierte prima.

Das Formular lässt sich ausfüllen und anschließend runterladen. Falls ein Formular mehr Zeit zum Ausfüllen bräuchte, ist die XML-Variante perfekt, ich kann bereits ausgefülltes speichern und beim nächsten Mal wieder ins Formular reinladen.

Gewerbesteuererklärung

Die Gewerbesteuererklärung ist auf demselben Weg wie die Umsatzsteuererklärung online nutzbar.

Unterm Strich erscheint mir dieses Variante des online-Ausfüllens deutlich besser durchdacht, als die Anfangsversionen der Elster, die bis heute noch einer plattformunabhängigen Lösung hinterherhinkt, weil beispielsweise die Gewerbesteuererklärung nur ausgefüllt werden kann, wenn man das passende Betriebssystem nutzt.

Ich habe heute in der Linkliste auf zwei Beiträge zu flexiblen Layouts hingewiesen.

• Flexible Layouts haben ihre Vorzüge, trotz Seitenzoom der Browser
• Ein weiterer Artikel meint es wäre gut nicht über die flexiblen Layouts zu streiten, sondern sie schlicht als Variante zu sehen.
• In obigem Artikel wird auf mehrere Videos zu YAML verlinkt, die gibt es auch als eine Präsentation, direkt bei Galileo

onli kommentierte daraufhin recht ausführlich. Beim Schreiben meiner Antwort fiel mir auf, dass es ein bisschen lang wird, deshalb jetzt als eigenen Artikel. onli schrieb:

“Ich bin über die Diskussionen über flexible Layouts immer wieder überrascht. Denn eigentlich führt die Diskussion am Thema vorbei. Das eigentliche Problem dürfte sein, dass CSS in derzeitiger Form ungeeignet ist für das, was ein dynamisches Layout erfordert. Man kann viele Dinge einfach nicht zuverlässig erreichen, die nötig wären: Elementen eine dynamische Größe zuordnen, aber mehreren Elementen immer die gleiche. Nachbarbeziehungen, die über ein float hinausgehen usw usf. Sicher, ich bin kein Profi, aber es scheint mir so, als sei die Ursache der Diskussion dergestalt, dass einige notwendige Layoutanforderungen mit dynamischen Layouts nicht oder nur schwer umsetzbar sind. Die Antwort sind dann aber nicht pixelgenaue Layouts, sondern Verbesserungen am Handwerkszeug.

Ich werde mir bei Gelegenheit die verlinkten Videos anschauen, vielleicht beinhalten diese ja Konzepte, die meine obige Argumentation ad absurdum führt, weil damit dann alles so umsetzbar ist wie ich es mir vorstelle. “

Ich habe ja schon mal recht ausführlich über flexible Layouts geschrieben, ein paar Bildbeispiele wie sich flexible Layouts auswirken habe ich anlässlich eines Wechsels des Hintergrunds mal beschrieben.

Meines Erachtens sind flexible Layouts nicht schwierig, wenn man von vorne herein flexibel denkt. Das Hauptproblem ist, dass ein Design auf Papier in fester Größe entworfen wird und dann eben häufig auch nicht mehr so einfach flexibel umgesetzt werden kann.

Design bedeutet häufig, es ist ein Entwurf eines Designers, der gestern einen Flyer in A5 entwarf, morgen ein Plakat in A0 und deshalb heute beim Entwurf einer Webseite in 1024*768 denkt. Solche Entwürfe können sehr schwierig umzusetzen sein und sind oft auch nicht flexibel lösbar.

Für mich ist jedoch die Grundlage des Webs, dass ich eben nicht weiß, welches System, welche Auflösung mein Nutzer gerade verwendet, dass ich nicht weiß, ob er Schriftgrößen ändert und und und.

Ich versuche deshalb Layouts von vorne herein so zu erstellen, dass es nicht wichtig ist,welche Voraussetzungen gegeben sind. Leider ist die Tendenz jedoch nach wie vor, das Optimieren auf eine Auflösung und nicht das Erstellen eines anpassungsfähigen Layouts.

Yaml von Dirk Jesse auf das sich die Videos beziehen ist ein Framework, was den Webautoren schon vieles abnimmt. Enthalten sind in Yaml bereits Definitionen um Browserfehler zu umgehen. Es gibt z.B. auch WordPress-Yaml-Themes, die sich recht einfach anpassen lassen, weil vieles eben bereits berücksichtigt wurde. Der Nachteil ist offensichtlich, ein Framework muss alles berücksichtigen und ist deshalb schon ein dickeres Ding.

Ich selbst nutze natürlich auch Vorlagen und fange nicht bei jedem Layout bei 0 an, aber ich nutze kein Framework. Für meine eigen Layouts kenne ich mittlerweile den größten Teil der möglichen Probleme und ihre Lösung.

Im Gegensatz zu fast allen Designern entwerfe ich Layouts nicht auf Papier, auch nicht in einem Bildbearbeitungsprogramm, sondern wirklich live auf einer Testseite. Ich sehe so viel schneller, welche Idee problematisch werden könnte und überlege mir Alternativen, noch bevor das erste Layout fertig ist.

Ist CSS ungeeignet für Layouts?

onli überlegt, ob CSS nicht einfach ungeeignet ist und sich das Handwerkszeug verbessern müsste. Nein, das glaube ich nicht. Das Hauptproblem bei CSS-Layouts ohne Tabellen und in modernem Design ist nicht das CSS. Die Realisierung für standardkonforme Browser wie Firefox, Opera, Safari usw. die ist nicht so schwierig. Es kommt selten vor, dass es spezielle Anpassungen braucht, um ein Layout für diese Browser wie gewünscht zu realisieren. Das eigentliche Problem sind die alten Versionen der Internet Explorer und leider in manchen Fällen sogar der aktuelle IE8.

Manches ist irgendwann bekannt und lässt sich recht schnell auch für die IEs anpassen. Aber immer mal wieder passiert es, dass wegen eines IE-Fehlers Stunden drauf gehen, um eine Lösung zu finden. Microsoft möchte, dass jeder ihrer Browser auch die Seiten korrekt darstellt, die für eine fehlerhafte Vorgängerversion optimiert wurden. Dabei entstehen immer wieder Probleme und noch hat jede IE-Version teils haarsträubende Fehler. Das kommt zwar auch bei anderen Browsern mal vor, nur falls Firefox 2.14 etwas falsch darstellt, dann ist es das heute beim Stand von Firefox 3 nicht so schlimm, denn nur wenige nutzen aktuell diese eine Version, wenn ein Layout trotzdem lesbar bleibt, käme kaum ein Webautor auf die Idee, wegen dieser einen Version etwas zu ändern. Beim IE hält eine Version “ewig” der immer noch stark verbreitete IE6 ist aus dem Jahr 2001, da gab es noch gar keinen Firefox…

Was ist die Lösung für dynamische Layouts?

Die eine ultimative Lösung gibt es nicht. Denn ein modernes Layout mit dem Anspruch das zu zeigen, was heute Stand der Technik ist, das passt zu modernen Browsern. Der IE6 kommt aus einer Zeit als ganz andere Designs entworfen wurden, für die Layouts seiner Zeit war er auch kein Traum, aber noch akzeptabel. Für heutige Layouts ist er einfach ungeeignet und das führt dazu, dass es sehr aufwändig wird, wenn ein besonderes, aktuelles Design umgesetzt werden soll.

Meine Layouts, die nicht darauf aufbauen, dass sie pixelgenaue Linienführungen haben, lassen sich schon deshalb viel einfacher umsetzen. Außerdem habe ich nicht den Anspruch, dass ein Layout in jedem Browser absolut identisch aussieht. Für mich genügt es, wenn alles lesbar ist und die Optik nicht völlig verschoben. Wenn der IE6 das “miradlo bloggt”-Bildle nicht genauso darstellt wie alle anderen, dann ist mir das egal, es ist nicht so hübsch, aber auch nicht kaputt, ich höre an dieser Stelle auf und bastele dann nicht noch Stunden weiter, um mit Tricks und Schlichen eine identische Optik zu bekommen.

Wozu auch? Denn mein sich anpassendes Layout sieht je nach Auflösung sowieso immer ein bisschen anders aus. Für mich ist es wichtig, dass Besucher in etwa ein Design bekommen, was aktuell ist, dass alles lesbar und bedienbar ist und möglichst wenig Scrollbalken hat. Dieses Ziel lässt sich mit CSS und flexiblen Layouts recht gut erreichen.

Manches lässt sich nicht dynamisch und zuverlässig erreichen?

onli fragt sich, ob nicht einfach was fehlt um zuverlässig z.B. Elementen eine dynamische Größe zuzuordnen, aber mehreren Elementen dabei immer die gleiche.

Auch das fällt für mich unter Browserprobleme. Es ist mit standardkonformen Browsern durchaus möglich solche Anforderungen zu erfüllen. Die Grenze dessen ist vor allem der IE6. Für mich kein Grund das nicht zu nutzen, denn ich mag die speziellen Stylesheets die per Conditional Comments z.B. nur genau dem IE6 sagen, was er zu tun hat. Damit bekommt der IE6 dann eben etwas was nicht so flexibel ist, aber für einen Browser der so alt ist, kann ich damit leben.

Falsch finde ich etwas nicht zu nutzen, nur weil der IE6 es nicht kann. Ebenso überflüssig finde ich es Tage in eine Lösung für den IE6 zu investieren, nur um irgendwas auch da noch hinzubekommen. Allerdings halte ich auch nichts davon, “das Kind mit dem Bad auszuschütten” und dem IE6 einfach gar kein Layout und Warnhinweise zu geben. Die Nutzer eines IE6 nehmen ihn entweder, weil er ihnen am Arbeitsplatz vorgeschrieben wird oder weil sie nicht in der Lage oder bereit sind einen anderen Browser zu installieren.

Insgesamt meine ich geht es um genau zwei Punkte:

• Das Web ist nicht aus Papier, ein Layout sollte daher nicht für “welche Auflösung auch immer” optimiert werden
• Eine Webseite muss nicht in jeder Umgebung identisch aussehen

Berücksichtigt man das, dann gibt es kein Problem mit flexiblen Layouts, so einfach ist das.

• Konsole KDE 3.5 Gentoo

Das Installieren ist ja soweit erstmal ganz einfach. Erste Probleme lösen hat auch geklappt. Doch dann:

Wie geht das?

Ich habe mir sagen lassen, dass aptitude der beste Weg ist zu installieren. Ich habe mal nachgelesen und verstanden, dass Ding ist ein Paketmanager, deshalb soll ich auch nicht mal den einen und mal einen anderen Befehl nehmen, weil ich sonst die Paketmanager mischen würde. Gut, das ist logisch, es kann nur einen Chef geben, der sich um den Laden kümmert (nicht Chefin, weil es ja _der_ Paketmanager ist ).

aptitude spricht nicht mit mir

Was ich noch nicht kapiere ist warum der nicht mit redet. Mein Gentoo war (und teils ja auch noch ist) immer gesprächig, wenn ich mit emerge was gefragt habe, dann bekam ich immer auch eine Antwort. Bei einer Suche zumindest den Hinweis, dass nichts zu finden war.
Anders aptitude, das Ding sagt immer mal wieder einfach nix.

Ich frage nach Opera und es kommt nichts, kein Hinweis, keine Meldung, einfach nix.
Beim Nachlesen fand ich was von Repository einbinden.
Hm.

Ich habe versucht dazu was zu finden, da gibts dann Links zu den Paketen, aber da war auch kein Opera.

Wer hilft mir?

Klar, nur nach Opera suchen, da hätte ich bestimmt noch was gefunden. Aber das ist gar nicht der Punkt, denn mein nächster Versuch war ein Kartenspiel “Patience (vor allem umschaltbar auf Großvater)” und mein KMahjongg habe ich auch noch nicht gefunden.

Was mir fehlt?

Ich hätte gern einen Link, der mir erklärt wie Ubuntu funktioniert, wie denkt aptitude, warum redet das Ding nicht? Wenn es Repositories gibt, dann müssen die ja irgendwie sortiert sein. Woher weiß ich, welches Repository das richtige ist? Wie finde ich das passende Repository? Und was mache ich dann?

Gewöhnungsbedürftig

Ich komme ja von Gentoo, da musste ich nicht wissen welche Version ich habe, es gab keine. Noch viel weniger musste ich mir einen Namen merken. Es hieß auch bei (K)Ubuntu sei das nicht so wichtig, das sehe ich inzwischen jedoch anders, denn:

Anleitung für Dapper Hardy Jaunty Feisty Gutsy…

Da habe ich glücklich was gefunden, was mir etwas erklärt, dann wird da jedoch nach Namen unterschieden, die mir schlicht gar nichts sagen.

Ja, bei Wikipedia gibts so eine Liste mit Namen, da könnte ich nachsehen, aber das ist doch ein bisschen aufwändig. Ich würde ungern jedesmal nachsehen. Ja ja, ich weiß es reicht wenn ich mir die aktuelle Version merke, was nicht dafür ist, ist dann wohl falsch. Hm, nee stimmt so auch nicht, denn noch nicht alle Anleitungen sind angepasst, also müsste ich den Namen des Vorgängers auch noch wissen…
Naja, Jahre nach dem letzten Mal SuSE habe ich jetzt noch einen Vorteil gefunden, da gabs Zahlen, so eine nette Versionsnummer, das kann sogar ich mir merken…

Nun gut, meist fällt mir wieder ein, dass mein Ubuntu mit “J” anfängt… Aber ich schweife ab…

Wunschzettel

Ja ich weiß es gibt das Ubuntu-Wiki, wenn ich da beispielsweise nach Opera suche, dann bekomme ich eine Opera-Seite. Die ist prima, wenn ich nicht weiß was Opera ist, sie erklärt was das ist, welche Eigenschaften der Browser hat, ein bisschen Geschichte usw. Aber ich habe da nicht gefunden, wie ich jetzt einen Opera auf mein Ubuntu kriege… Irgendwie habe ich das System des Wikis einfach noch nicht durchschaut.

• einen Link, der mir möglichst kurz erklärt, wieso der Herr Paketmanager nicht mit mir spricht. Der sagt mir auch nicht, dass er nicht installiert, weil er z.B. Firefox schon hat.
• einen Link der mir erklärt wie das mit dem Repository einbinden geht
• einen Link, der mir sagt wie ich etwas finde, von dem ich nur den Programmnamen kenne, meine Großvater-Patience, einen Opera oder so…
  • nein, das ist keine Vorlage, um mir Google zu empfehlen, ich will nicht einzeln suchen, ich will das System kapieren, damit ich es nicht pro Paket wieder mit Google machen muss.
• ach ja, falls mir grad noch wer einen Link hat, der mir wieder eine “richtige Konsole” macht, so mit Syntax-Highlight in Farben…
• ups, fast vergessen, weiß jemand wie ich dem (K)Ubuntu beibringen kann, sich bitte die letzte Sitzung zu merken, am liebsten auch mit mehreren benannten Konsolenfenstern in denen ich im passenden Pfad stehe (siehe Bild)…

Ganz ehrlich? Ja, so ab und zu wünsche ich mir mein einfaches und mir alles erklärendes Gentoo zurück. Ja für vieles muss ich da länger basteln. Ja, es hat viel weniger Klicki-Bunti und “geht einfach out of the box”. Aber so einfache Dinge wie ein emerge -av paketname ebenso mit search oder so redet mit mir, das fehlt mir grad. Wobei ich schon gesehen habe, dass manches Klicki-Bunti mir doch noch was erzählt, wenn ich auf “Details” klicke, sieht es fast wieder normal aus.

• Mal wieder ein nettes, kleines Analysetool, um zu sehen, welches System nutzt eine Seite, welche Services werden angeboten, welche Eigenschaften hat die Seite usw. Sympathisch finde ich, dass Webmastercoffee.com damit wirbt: ” Kostenlose Homepage-Analyse. Für den Webmaster. Für die Webmistress.” Wer die Webmistress explizit erwähnt bekommt von mir einen Pluspunkt. via Frank
• Ich habe mich ja auch schon über Sinn und Unsinn von fixen, fluiden und elastischen Layouts ausgelassen. Allerdings nicht so ausführlich und gut bebildert, wie das Smashing-Magazine diese Woche (englischer Artikel) Inzwischen lohnt es sich bei der Entscheidung auch immer mehr an mobile Geräte wie das ichphone zu denken…
• Man braucht sie meist nicht täglich, aber immer mal wieder, nur wenige sind topfit, meist liest man mal eben nach, eine tolle Übersicht zu Regulären Ausdrücken gibts im Essential Guide to Regular Expressions vom Smashing Magazine.
• Zur ominösen IE8 Kompatibilitätsliste gibts Erklärungen und Hinweise in Gizas Blog via Flocke und ebenfalls von Jens den Hinweis zu gaaaanz tollen Bugs des neuesten Browsers von Microsoft.
• Zunächst nur als Gerücht gehandelt, nicht von allen geliebt, siehe auch Kommentar von Dennis bei Frank, scheint es jetzt laut t3n doch sicher, dass WordPress und WPMU vereint werden. Aus meiner Sicht die einzig sinnvolle Entscheidung.
• Achso ja, falls uns jemand sucht, wir sind beim Barcamp Dornbirn.
• Falls jemand die Diskussion auf Guggat emol zum Thema Software neu erstellen oder optimieren bezogen auf ein Newssystem mit verfolgen möchte, insbesondere in den Kommentaren (Übrigens in diesem, wie in allen von unseren Blogs kann man Kommentare auch per Mail abonnieren, auch dann wenn man selbst nicht kommentiert hat, den Kommentar-Feed gibts natürlich außerdem…):
  • Wieso will ich das Newssystem nicht als WP-Plugin erstellen?
  • Variante 1 Eigenentwicklung
  • Variante 2 mit WordPress kombinieren
  • Variante 3 als WP-Plugin

Bildbasierte Captchas

Captchas sind laut Wikipedia eine Abkürzung für Completely Automated Public Turing test to tell Computers and Humans Apart, also ein vollständig automatisierter Test, um Rechner und Menschen zu unterscheiden.

Die Idee an sich ist schon gut, denn wer eine Website betreibt, die Kommentare oder ein Kontaktformular oder andere Besuchereingaben zulässt, weiß, dass automatisierter Spam in unglaublichen Mengen ankommt. Selbst so kleine Blogs, wie dieses oder uteles Blog haben mit Spam zu kämpfen. Auf uteles Blog wurden inzwischen fast 7000 Spams von Akismet abgefangen, hier waren es bisher rund 5500 in weniger als zwei Jahren. Ich hätte also täglich rund 23 Kommentare manuell löschen müssen, wenn ich kein Plugin nutzen würde.

Insofern ist es logisch, dass Webseitenbetreiber Möglichkeiten suchen dem Spam Herr zu werden, denn je bekannter ein Webauftritt desto massiver das Spamaufkommen. Leider werden zur Zeit, sehr häufig bildbasierte Captchas genutzt, von denen die Wikipedia sagt, sie seien nicht barrierefrei. Sprich für sinnesbehinderte Menschen seien sie ein Problem. Klar das ist schon ein sehr deutlicher Grund, die Dinger nicht einzusetzen. Manche argumentieren jedoch, dass sie einen Webauftritt haben, an dem diese Besucher sowieso nicht interessiert seien. Ob das so ist, ist zumindest fragwürdig, doch selbst wenn, so berücksichtigen diese Betreiber nicht, wer sonst noch durch bildbasierte Captchas ausgeschlossen wird:

• Besucher die Textbrowser nutzen
• Besucher die Screenreader nutzen
• Besucher die sich Seiten ohne Grafiken anzeigen lassen (beispielsweise diejenigen, die nur schlechte Netzverbindungen haben)
• Besucher die keine Cookies nutzen (zumindest bei vielen Captchas eine Vorbedingung)
• Besucher die Probleme haben die Zeichenfolge korrekt einzugeben (ich fast immer, denn egal ob ich grad beschließe es werden Groß- oder Kleinbuchstaben erwartet, es ist fast immer falsch)
• Besucher die Schwierigkeiten haben die Zeichen korrekt zu interpretieren (ich bei vielen Captchas soll das letzte Zeichen im mittleren Captcha ein “n” sein, ist das erste Zeichen im dritten Captcha ein “P” oder ein “p” oder doch was ganz anderes?)
• Besucher deren Browser sich bei Captchas häufig verschluckt (ich z.B. mit Firefox 3, da weiß ich inzwischen schon, dass die meisten Captchas gar nicht klappen, Seamonkey, Opera oder Konqueror haben kein Problem)
• Besucher die nicht optimale Sehfähigkeiten oder ungewöhnliche Einstellungen haben (ich z.B. bin zwar nicht sehbehindert, aber ich nutze eine sehr hohe Auflösung auf einem Laptop, auf dem Farben sehr hell angezeigt werden, damit lassen sich zarte Grautöne auf weißem Hintergrund oft nur schwer unterscheiden. Andere haben ein umgekehrtes Problem mit Röhrenmonitoren, die Farben sehr dunkel anzeigen und im dunklen Farbbereich Unterschiede nur schwer erkennen lassen.)

Zusammengefasst meine ich, sind das doch ein paar Besucher, die damit den Spaß verlieren könnten was einzugeben, sei es eine Anfrage, ein Kommentar oder was auch immer. Für mich sind die bildbasierten Captchas immer ein Hindernis, nur wenn mir etwas sehr wichtig ist, probiere ich es überhaupt. Heute kam die Anregung zu diesem Artikel, von den nur kurzfristig beim Podcast von Roman und Dirk eingeschalteten Captchas, die wie immer nicht klappten. Von den beiden kam jedoch sofort die Reaktion und nur kurze Zeit später gab es Captcha-freie Kommentare.

Ich meine, wenn schon irgendein Test, dann nicht gerade diese Bildchen, sondern besser einfache Fragen oder kleine Berechnungen wie 7+9 oder so. Im klappt bei unseren Kontaktformularen auch das leere Feld im Formular noch gut, für die meisten Beuscher wird es nicht angezeigt, die anderen drauf aufmerksam gemacht, nur die Maschinen schreiben was rein, jede Eingabe verhindert jedoch das Versenden des Formulars.

Firefox 3

Seamonkey

Tja, auch Webseiten für Kanzlerkandidaten scheinen nicht sorgfältig getestet zu werden. via twitter kam der Hinweis, dass es im Safari etwas leer aussieht. Tja, ich weiß ja nicht genau, was unter http://www.frankwaltersteinmeier.de/ erscheinen sollte, obwohl da ja steht:

Browser-Hinweis

Diese Website ist optimiert für alle aktuellen und gängigen Webbrowser unter Microsoft- und MAC OS-Betriebssystemen. Im einzelnen sind dies der Internet Explorer in den Versionen 6, 7 und 8 sowie Firefox, Opera und Safari in der jeweils aktuellen Major Release Version.

Also bei mir ist es doch recht abwechslungsreich…

Nicht für Linux

Klar, da steht ja schon, dass die Seite nicht für Linux gedacht ist, wobei mir doch neu ist, dass es solche gravierende Unterschiede gibt…
Einerseits wurde da schon an manches gedacht, die Seite verwendes valides HTML, im Quelltext habe ich eine Brotkrümelnavigation gesehen. Leider finde ich die zumindest in meinem Firefox nicht.

Beim Navigieren per Tastatur hakelt es gewaltig, kaum zu erkennen wo ich gerade stehe und auch nicht alles erreichbar.

Ebenfalls im Firefox lassen sich längere Seiten nicht ohne heftiges Ruckeln scrollen. Den Fehler hatte ich mehrfach, z.B. bei einem mit fixed eingebundenen Hintergrundbild im body, mich nervt es, ich habe dann jeweils andere Lösungen gesucht.

• Konqueror

Konqueror und Safari wohl nicht für Mac

Im Konqueror blitzt beim “neu laden” mal kurz die Seite auf, aber dann sieht sie wieder so aus wie im Bild, und eben wohl auch wie im Safari.

• IE 6
• Opera

Seamonkey, IE 6 und Opera

Im Seamonkey fehlt der Inhalt, aber ohne Flashblocker gibts ja immerhin ein schönes großes Bild.

Im Internet Explorer 6 auf Linux darf man nicht an die Maus kommen sonst verschwinden die Inhalte, aber das könnte im IE6 auf Windows besser sein.

Einzig der Opera schien mir so in etwas das zu zeigen, was wohl von den Webautoren so geplant war.

Fazit

Bezogen auf die Öffentlichkeit einer solchen Seite hätte ich erwartet, dass sie so ist, wie die Ansprüche an Webauftritte für öffentliche Verwaltungen.

Auch hätte ich angenommen, dass ein Kanzlerkandidat eine Seite hat, die unter allen Umständen funktioniert. Aber vielleicht nutzen ja 100% der SPD-Wähler Windows und einen aktuellen IE mit dem wohl angezeigt wird, was geplant war. Denn ich gebe zu, selbst mit einer traumhaften Topseite würde ich Frank Walter Steinmeier nicht wählen.

Wenn das der heutige Stand ist, wenn selbst bei solchen Seiten die Zeit fürs Testen nicht einkalkuliert wurde, dann sollte ich wohl mal überlegen, warum wir bei miradlo immer so intensiv vorm Hochspielen bereits testen…