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.

Diesen Artikel weiterempfehlen:
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong.DE
  • Technorati
  • Twitter
  • Webnews.de
  • Yigg
  • Wikio DE

Verwandte Artikel

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

 — 


3 Reaktionen auf diesen Beitrag »»

Kommentare

  1. gnoffo sagte am
    10. Februar 2010 um 17:22 folgendes:

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

Trackbacks und Pingbacks

  1. Tweets die Webwork-Tools erwähnt -- Topsy.com
  2. t3n-Linktipps: Social Media E-Books, Smartphone-Assistent, WP-Android-App, CodeBurner, TED-Konferenz und freies Netz » t3n News

Hinterlasse einen Kommentar

XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).