Tilt – 3D DOM visualization
someone just +1′d this nice addon for firefox:
(thanks, conrad :)
Tilt visualizes the DOM in 3D and is a lot faster than i expected.
» read more
Debuggin JSON mit JSON Views
Wer kennt das nicht: man entwickelt mit JSON, will die AJAX Rückgabe kontrollieren und macht, wie gewohnt, im Firefox den Firebug auf und checkt unter Console den AJAX Request und sieht folgendes:
Nicht sehr erhellend! Total unübersichtlich! Nicht gut!
Wird JSON mit dem richtigen Header ausgeliefert, unter PHP geht der so:
header('Content-type: application/json');
Kleines Addon, große Wirkung.
Check das aus. Dieses kleine, aber feine Addon erlaubt es, alle Stylesheets via Kontextmenu-Auswahl oder F9-Taste zu aktualisieren. Der Clou dabei: Das ganze geschieht on-the-fly, ohne dass ein Page-Reload nötig wäre. Jeder leidgeplagte RIA-Entwickler wird angesichts der offensichtlichen Macht dieses Addons in Ehrfurcht erstarren. Denn dadurch lässt sich der Zeitaufwand fürs CSS-Styling um mindestens 90% verringern, und dann macht diese Tätigkeit sogar wieder sowas wie Spaß.
PHP debug Ausgaben in Ajax Responses mit FirePHP
eine weitere Supererweiterung für Firebug ist meiner Meinung nach FirePHP.
Das Tool ermöglicht PHP (debug)Ausgaben direkt an die Firebug Konsole zu schicken: » read more
JS Unit Testing mit FireUnit – JavaScript Unit Testing Extension
FireUnit ist eine Extension für eine Extension. Für Firebug nämlich.
Damit lassen sich dann ziemlich komfortabel Javascript Unit Tests machen.
Der Funktionsumfang ist überschaubar, was mir das Ding auf Anhieb sympathisch macht.
true / false Tests und String compare:
if ( typeof fireunit === "object" ) {
// Simple true-like/false-like testing
fireunit.ok( true, "I'm going to pass!" );
fireunit.ok( false, "I'm going to fail!" );
// Compare two strings - shows a diff of the
// results if they're different
fireunit.compare(
"The lazy fox jumped over the log.",
"The lazy brown fox jumped the log.",
"Are these two strings the same?"
);
}