WebDevTeam’s Blog

Unkommentiert mal ganz schnell ein Link: Performancevergleich Firefox von 3.5, 3.6 und 3.7

Schaut euch einfach mal das Video an. Fetzt oder?

Ich habe das ganze mal probiert, für Firefox braucht man Google Gears, im portablen Google Chrome ging es auch nicht. ABER im (Windows) Safari ging es sofort und genauso einfach wie im Video gezeigt.

Die Samples bietet eine ganze Menge von Beispielen. Die Gründe für Gears, die allgemeine Benutzung und die Weiterverwendung nach den ganzen Änderungen (Deploying) ist sehr gut beschrieben.

Wenn man nicht möchte, dass der Browser ein Formularfeld intern speichern kann: AutoComplete für Formularfelder.

Das ist doch mal was FireQuery:

FireQuery is a Firefox addon integrated with Firebug

• jQuery expressions are intelligently presented in Firebug Console and DOM inspector
• attached jQuery datas are first class citizens
• elements in jQuery collections are highlighted on hover
• jQuerify: enables you to inject jQuery into any web page

Ich hoffe, dass dies noch weiter entwickelt wird. Man sieht zwar, dass events an DOM Elementen zugewiesen sind, aber die Funktionen werden dann nicht angezeigt Den Rest muss ich jetzt erstmal weiter ausprobieren.

Edit 11.08.09:

Ich nehme alles zurück, wenn man die zugewiesenen Funktion(en) sehen will, einfach da klicken:

Wenn man schnell mal einen Wireframe machen möchte, empfehle ich Pencil (Homepage), ein kostenloses Firefox Addon “Pencil is a free and opensource tool for making diagrams and GUI prototyping that everyone can use”.

Quelle: https://addons.mozilla.org/en-US/firefox/addon/8487

Man kann auch weitere “user-defined stencils” ergänzen.

Eine sehr nette und schicke Erweiterung für den Firefox: Google Redesigned. Redesign für Gmail, Google Calendar und Google Reader.

Quelle: http://www.globexdesigns.com/gmail/screenshots/03.jpg 

Einfach das Addon installieren und fertig. Die Greasemonkey Skripte funktionieren bei mir z.B. auf Google Reader dann immer noch.

Hammerhead adds a tab to Firebug for measuring the load time of web pages.

Damit ist es auch möglich, mehrere Seiten zu messen und zu vergleichen:

Bei Google Code gibt es jetzt eine nützliche Erweiterung für den Firebug: Page Speed. Wie bei YSlow wird die aktuelle Webseite bzgl. Performance Kriterien analysiert. Die Web Performance Best Practices sollte man sich auf jeden Fall anschauen.

XRefresh lädt die Seite im Browser (Firefox oder IE) automatisch neu, wenn man Dateien (CSS, JS, HTML etc.) in einem zugewiesenen Ordner ändert. Leider funktioniert es bei mir nicht und führt dazu, dass sich der Firebug gar nicht mehr öffnen lässt

Besser siehts da schon mit Firebug Net Panel History Overlay aus. Dies ist dann nützlich, wenn man die Ladezeiten analysieren möchte, während man z.B. die Dateien packt, Grafiken als CSS Sprites zusammenfasst, gzip ausprobiert usw.

Gerade bei Ajaxian gelesen: Firediff, eine Erweiterung für den Firebug. Damit kann man – Firebug 1.4 vorausgesetzt – Änderungen am DOM und CSS tracken.

Firediff implements a change monitor that records all of the changes made by firebug and the application itself to CSS and the DOM. This
provides insight into the functionality of the application as well as provide a record of the changes that were required to debug and tweak the page’s display. (Quelle)

Ich habe jetzt den Firebug 1.4 Alpha nicht drauf, werde die Erweiterung aber im Auge behalten. Wenn jemand Erfahrungen damit gemacht hat, Kommentare bitte!