Samstag, 8. August 2009

Ladies and Gentlemen, please welcome...

Semantic Checker!

Nachdem ich die halbe Nacht durchprogrammiert habe, ist die erste Version meiner zweiten Firefox-Extension Semantic Checker fertig und bei den Mozilla Firefox Add-ons veröffentlicht.

Die Extension kann mit einem Klick über die Statusleiste aktiviert werden und highlightet alle auf der Seite vorkommenden semantischen Elemente. Ich habe mich dabei für folgende Elemente entschieden:

abbr, acronym, address, blockquote, caption, cite, code, dl, dfn, dir, em, h1-h6, legend, menu, samp, strong

Eigentlich würde title noch dazugehören - nur läßt sich das schlecht highlighten ;-)

Zusätzlich zum Highlighting wird der Name des Elements und dessen Position innerhalb gleicher Elemente ausgegeben.

Unter der Haube ermittelt die DOM Selectors API alle semantischen Elemente. Da diese API nur im neuen Firefox 3.5 funktioniert, ist die Extension auf diese Version beschränkt. Zur Positionierung der Highlighting-Elemente verwende ich die YUI von Yahoo!.

In dieser frühen Version gibt es noch ein paar Probleme mit der Positionierung. Das sollte aber bald behoben sein.

Zukünftig sollen auch HTML5-Elemente unterstützt werden. Weiterhin soll es für die Extension eine Website und eine Google Group geben.

Wer darüber hinaus Ideen für Features hat, kann gerne einen Kommentar schreiben.

Kommentare

Ansicht der Kommentare: (Linear | Verschachtelt)
Noch keine Kommentare

Kommentar schreiben


Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert.

Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss um dieses Verfahren anzuwenden.
CAPTCHA

 
 

Blog abonnieren

RSS 2.0 Feed

Suche

Kalender

Zurück Februar '12 Vorwärts
Mo Di Mi Do Fr Sa So
    1 2 3 4
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        

Verwaltung des Blogs

Blogroll

Projects/Web

vCard

  • Nico Steiner
  • www.nicosteiner.de
  • Karlsruhe/Germany
  • Senior Frontend-Developer at 1&1