Webwork-Tools - Dem Webworker seine Werkzeugkiste



CodeBurner: eine HTML- und CSS-Referenz

Von Perun am 09. Februar 2010 um 00:27

CodeBurner-Logo Eigentlich wollte ich über CodeBurner als Erweiterung von Firebug schreiben. Den Firebug habe ich bereits in einem anderen Artikel hier im Weblog beschrieben. Für diejenigen, die es nicht kennen: es handelt sich um ein sehr wichtiges Werkzeug für Webworker, welches vor allem bei der Suche nach Fehlern auf Websites (Debugging) hilfreich ist.

Die ausführliche HTML- und CSS-Referenz CodeBurner kommt in mehreren Geschmacksrichtungen daher. Entweder als Erweiterung für den Firebug, als Addon für den Firefox, als eine Air-Anwendung, als eine Erweiterung für Opera oder als Teil des OS-X-Dashboards. Es ist auch geplant CodeBurner als Erweiterung für Dreamweaver CS4 herauszubringen.

Zu meinem Bedauern funktionieren die Erweiterungen für den Firebug und für den Firefox noch nicht in Firefox 3.6. :-( Daher muss ich mich fürs erste mit der Air-Anwendung begnügen. Bei Adobe Air handelt es sich um eine plattformunabhängige Laufzeitumgebung, welche man vorher logischerweise installiert haben muss um die Air-Anwendungen zu benutzen.

CodeBurner

CodeBurner als Air-Anwendung

In der Anwendung kann man nach HTML-Elementen und -Attributen sowie nach CSS-Eigenschaften, -Selektoren und nach den @-Regeln (At-Regeln) suchen. In weiteren Bereichen des Programms kann man sich den DOM und die CSS-Dateien einer Website auflisten lassen.

Klickt man dann im Code auf ein Element, Attribut, Selektor oder Eigenschaft, dann wird auszugsweise, die Dokumentation angezeigt. Will man mehr erfahren, dann gelangt man mit dem Klick auf "more…" auf die ausführliche CSS- bzw. auf die HTML-Referenz von SitePoint.com.

Die beiden Dokumentationen sind vergleichsweise aktuell und es werden momentan folgende Browser berücksichtigt: Internet Explorer 5.5 bis 8, Firefox 1.0 bis 3.5, Safari 1.3 bis 4.0, Opera 9.2 bis 10.0 und Chrome 2.0.

Die beiden Referenzen sind wirklich sehr ausführlich und durch die Kommentare der eingeloggten Nutzer, bleiben sie auch jenseits der Updates der Betreiber auf einem aktuellen Stand.

Verwandte Artikel:

Eigenwerbung: unsere Bücher (WordPress und Webwork-Tools)

 — 

3 Kommentare zu “CodeBurner: eine HTML- und CSS-Referenz”

  1. [...] Dieser Eintrag wurde auf Twitter von Vladimir Simovic, Franz Sadjak erwähnt. Franz Sadjak sagte: RT @vlad_perun: CodeBurner: eine #HTML- und #CSS-Referenz http://goo.gl/fb/hyl3 #programme [...]

  2. [...] Den CodeBurner kennt man meist als Erweterung von Firebug, der Debugging-Erweiterung für Firefox. Wie man die HTML- und CSS-Referenz auch ohne den Firefox verwenden kann, erklärt Vladimir Simovic. [...]

  3. gnoffo sagt:

    ah danke für den tipp, läuft auch im dashboard!