Meine X-Ray CSS-Modifikation

Heike Edinger hat vor einiger Zeit mehrere CSS-Stylesheets veröffentlicht, welche Websites sozusagen durchleuchten. Die Version "Markup" habe ich ein wenig verändert und stelle sie hier zum Download bereit.

Website auf gute Struktur prüfen Screenshot von der Verwendung der CSS-Datei

Diese CSS-Datei zeigt bei Anwendung auf jeder Website die verwendeten Elemente. So kann man sehen, ob sematisch relevante Elemente benutzt werden. So beschreibt die Autorin der ersten Version den Sinn dieses Stylesheets:

Schlecht codierte Websites nehmt euch in Acht! Böse Markup-Fehler und fiese Zugangsbarrieren werden mit dem Röntgenblick entlarvt. Die gnadenlosen Visoren stehen zum sofortigen Download bereit. Schärfe deinen Blick mit dem X-Ray CSS!

Ist das HTML-Dokument gut strukturiert? Werden semantische HTML-Elemente verwendet? Benutzt die Website h-Elemente für Überschriften und wie sind diese hierarchisch organisiert? Sind Textabschnitte über P strukturiert? Werden Zitate markiert und Navigationsmenüs als Listen ausgezeichnet? u.v.a.m.

Vorsprung durch Webstandards

Was hat sich geändert?
  • Weitere Block Level-Elemente hinzugefügt
  • CENTER-Tag wird markiert
  • Deutsche Element-Bezeichnung
  • Methode und Ziel von Formularen werden angezeigt
Installation/Setup Download: X-Ray CSS-Mod

Ich empfehle hier den FireFox. Zur Verwendung einfach die Webdeveloper Toolbar installieren, CSS-Datei herunterladen (rechts) und per CSS > Add User Style Sheet auf eine Website anwenden. Für eine permanente Verwendung muss Options > Persist Styles aktiviert sein.

Lizenz

Ich gebe die Date wie vorgesehen unter der Creative Commons-Lizenz weiter.

veröffentlicht am 08.02.2006 um 23:00 von Martin Labuschin in ,


�Empathisch� (von Empathie, Einfühlungsvermögen) ist etwas anderes als �emphatisch� (von Emphase, Betonung).

cite dient m.M.n. eher zur Auszeichnung von Zitatquellen, �Zitat-Auszug� verstehe ich nicht ganz.


Helvatica > Helvetica,

Ich verstehe dein Anliegen bezüglich empathisch nicht ganz. Danke aber für den Hinweis wegen der Schrift und cite.

em:before {
content: "empathisch";

}

Es muss emphatisch (betont) heißen.

http://mr-check.xipolis.net/v2.0/Mrcheck.php?CID=zeit&SB=emphatisch

blog comments powered by Disqus
The Ruby on Rails Link Library Spanning Sync SEO-Dokumentation Gowalla
ProWebApps WellDone (β) Pinboard (α) Netzwerk Münsterland
Blogs Bücher Frameworks iPhone Mac Web-Apps