Ich hab ein schickes Tool gefunden für die Qualitätsüberprüfung. Sauber gemacht und auch in der kostenlosen Version gut brauchbar: der qualidator. Diesen Blog hab ich da noch nicht mit getestet, da müsste ich erstmal vorher ein wenig tun 
Aber die Vereinsseite Kaule e.V. schneiden mit über 86% schon recht gut ab.
Archiv für Kategorie
Qualitätssicherung qualidator
Neue Bildschirme: Pixel ist (k)ein relativer Wert
Keine Ahnung, wie sie es machen wollen. Nun gibt es ja schon Bildschirme mit einer hohen Auflösung, und unsere geliebten Webpixel sind als relativ gekennzeichnet. Ein Pixel, also in der Darstellung ein rechteckiges Feld, dem Farben zugewiesen werden, ist eine Computereinheit. Pixel sind immer relativ zu Ausgabe, auf dem Bildschirm zuerst einmal abhängig von der Auflösung des Geräts.
Wird in Webseiten oder anderen Webformaten jetzt ein Pixel ausgegeben, gehen alle von einer Auflösung von 96 Pixel pro Zoll aus. Damit ist die Einheit nicht mehr relativ. Würde von 72 Pixel pro Zoll ausgegangen, wäre die Einheit in diesem Fall identisch mit dem Maß Punkt, was vieles erleichtern würde.
Browser Opera greift Microsoft an
Opera beschwert sich bei der EU. Microsoft verletze Standards mit dem Internet Explorer. Wo sie ja auch erwiesenermaßen recht haben. Und auch in kommenden Versionen ist keine vollständige Unterstützung der Standards zu erwarten.
Nun ist der Internet Explorer aber integraler Bestandteil von Windows. Er ist eng vernetzt mit diversen Progammen, auch von anderen Herstellern. Der IE lässt sich also nicht so einfach als Standalone-Progamm aus dem System verbannen.
Anhand von Nutzerstatistiken über Browser im Web ist zu erkennen, dass mindestens 50% der Anwender das nehmen, was ihnen vorgesetzt wird: den IE. Ich habe den Verdacht, dass sie sich schlicht und einfach einen PC kaufen und loslegen – die meisten wollen auch nicht mehr. Also werden die Programme eingesetzt, die vorinstalliert sind. In der Sparte Browser ist das also der Internet Explorer, abgesehen von Mac-Nutzern und den wenigen PCs mit vorinstallierem Linux.
Wäre es da nicht eher sinnvoll, die Verkäufer von PCs zu verpflichten, alternative Browser vorzuinstallieren? Und ist so eine Vorgabe überhaupt rechtlich möglich?
Ich bin überzeugt: würde Opera und Firefox bereits mit dem PC geliefert werden, würden viele umsteigen.
Richtexteditor: Warum eigendlich nicht als Anwendung?
Sogenannte Richtextetoren werden inzwischen von allen aktuellen Browsern unterstützt. Leider kann der Code, der erzeugt wird, nicht mit professionellen WYSIWYG-Anwendungen mithalten. Eine Kombination von serverseitigen Anwendungen wie Blogs, Content-Management-Systemen oder Shop-Anwendungen ist meistens nicht oder nur sehr eingeschränkt verfügbar. Besonders bei der passenden Auswahl von CSS-Klassen für die gegebenen Bereiche wird es kompliziert.
Der Wünsch wäre, direkt im Layout arbeiten zu können, aber eben nur in den Abschnitten, die freigegeben sind. Zusätzlich müssen verborgene Einstellungen verfügbar gemacht werden. Als Anwendung im Webbrowser sind da Grenzen gesetzt.
Das von Microsoft eingeführte Attribut contenteditable geht schon in die richtige Richtung und wurde auch von der WHATWG aufgegriffen. Sinnvoller fände ich jedoch, zusätzlich einen Tag contenteditable einzuführen, der vollständig auf Darstellungseigenschaften verzichtet. Damit wäre dann auch eine Trennung von HTML-Abscnitten möglich, wie sie in vielen CMS verwendet werden (z.B. Trennung von Überschrift, Bild und Text).
Soll nun eine lokale Anwendung mit ins Spiel kommen, müssen zusätzlich Informationen über die verwendete HTML-Version, Einschränkungen wie Textlängen, zulässige Tags und Attribute und weitere Formularfelder zu dem jeweiligen Abschnitt übermittelt werden. Hier wäre eine Kombination aus einer Scriptsprache und XML denkbar, die als Standard definiert werden muss.
Mit dieser Idee will ich vor allem die Hersteller von WYSIWYG-Anwendungen ansprechen. Ich denke, es ist an der Zeit, den Autoren von Webanwendungen mehr Vielfalt in Gestaltung und Inhalt zu bieten. Listet man den Bedarf auf, darunter auch Rechtschreibprüfung, Silbentrennung mit ­, Sprachauszeichnungen und Acronyme, dann wird schnell deutlich, dass dies selbst modernste serverseitige Anwendungen nicht alles leisten können. Nicht zu vergessen: DSL ist immer noch nicht flächendeckend verfügbar, um komplexe Webanwendungen nur über das Internet zu laden.
CSS verstehen: The Styleworker
Viele hilfreiche Tipps und Tricks zu CSS gibt es bei The Styleworker. Auch wenn der Name das nicht verrät, alle Artikel sind auf Deutsch. Unter Anderem werden dort ausführlich Hacks für den Internet Explorer 7 beschrieben. Übersichtlich dargestellt wird auch, welche Hacks standardkonform sind, welche nur im IE 6 und welche nur im IE 7 funktionieren.
Navigation mit Listen
Mit diesem kleinen Kursus werden die Grundlagen erklärt, wie eine Liste in eine chicke Navigation umgewandelt werden kann. CSS für Listen.
CSS-float in den Griff bekommen
Noch ein kleiner Lehrgang, der sich mit dem Verhalten von der CSS-Eigenschaft float beschäftigt, für umflossene Bilder und mit einem Beispiel für tabellenfreie Formulare.
Bitte keine Helvetica im Fließtext!
In der Fachwelt ist es unumstritten: die Helvetica ist die Schrift, Arial die Schmuddelkopie. Dies trifft besonders im Druckbild zu. Logisch, dass ich mir die Helvetica auch verwende.
Für Mac- und Linuxverwender ist das ganz normal, Helvetica auch im Webdesign einzusetzen. Für Windows-Anwender nicht, denn sie sieht in kleinen Schnitte grauenhaft aus – siehe Keine Helvetica < 16px im Webdesign!. Das Beispiel mit dem Lorem ipsum
-Blindtext ist dabei noch harmlos. Es gibt Buchstabenkombinationen, die kleben regelrecht zusammen, und es gibt Buchstabenkombinationen, die soweit voneinander entfernt stehen, dass es wie ein En-Leerzeichen aussieht. Gerade bei kleineren Schriften macht sich die Truetype-Arial weitaus besser.
Da ich diese Schrift jedoch nur als Postscriptfont bezitze und Windows XP einsetze, bin ich der Dumme, wenn ich mal wieder einen Mengentext mit Helvetica lesen soll. Das Problem trifft auch auf andere Postcriptschriften unter Windows zu. Die Konsequenz: ich schalte alle Styles ab. Schön ist das aber auch nicht.
Leider ist es im Internet so, dass Gestaltern nichts Anderes übrig bleibt, als auf eine Lösung zu warten. In der Zwischenzeit bleibt nur der Kompromiss. Dass mit Windows Vista das Problem nicht mehr auftritt, ist wohl eher nicht zu erwarten. Mit einer Firefox-Extension, mit der einzelne Schriften ersetzt werden können, wäre ich schon glücklich und zufrieden. In der Zwischenzeit bevorzuge ich font-family: arial, helvetica, sans-serif anstelle von font-family: helvetica, arial, sans-serif. Oder besser nur die generetische Schrift font-family: sans-serif?
- Übrigens: die Helvetica ist inzwischen so berühmt, dass ihr ein eigener Film gewidmet wird (Englisch).
- Lesenswert: Wie Helvetica zu ihrem Namen kam im Fontblog.
- Quiz: Helvetica oder Arial? (Englisch).
CSS: Seiteninhalte vertikal zentrieren
Nachdem ich Vertical Centering in CSS ausprobiert hatte und feststellen musste, dass die Muster im IE 7 leider nicht funktionieren (standardkonforme Ausgabe, aber kein display:table), ließ mich das Thema nicht mehr los. Die Lösung kursiert ja die Tage durch diesen, diesen, diesen und sicher diversen anderen Blogs. , die allesamt bekannt sind für gute Recherche. Den IE 7 haben sie aber wohl alle nicht bemüht. Ist auch verständlich. Mein Fehler: die verlinkten Musterseiten funktionieren im IE 7 nicht, das Muster auf der Seite selbst jedoch wohl.
Nun habe ich eine undogmatische Lösung gefunden. Fundamentale Standardistas werden sicher schimpfen, dass ein Bild nicht für die Textausrichtung mißbrauchen darf. Aber die üblichen DIV-Gewitter sind da auch nicht besser.
Die immerhin außerordendlich schlanke Lösung könnt ihr hier betrachten. Ein Wehrmutstropfen: Opera rendert das Bild mit 1px anstelle von Nullbreite. Angegeben ist 0.1px. Aber ich denke, das lässt sich verkraften und einplanen. Jeder hat sicher noch irgendwo ein transparent.gif, trans.gif oder space.gif aus den guten alten Tagen des Tabellenlayouts rumliegen. Wie haben wir uns mit den Dingern gequält, oder?
CSS: Seiteninhalte zentrieren
Ergänzend zu den vorangegangenen Dokumenten gibt es jetzt nochmal Seiteninhalt zentieren.
