Internet Explorer 7 ist live. Firefox 2.0 ist live. Trotzdem werde ich noch eine Weile bei Firefox 1.5 bleiben. Erstens bin ich schon über dreissig. Da stürzt man sich nicht sofort auf alles, was neu ist und glänzt. Dann sind noch verschiedene Extensions, welche noch nicht auf FF2 laufen.
Hier sind sie, meine Favoriten:
Gold: Firebug
Sieger mit grossem Abstand: Der Feuerkäfer. In einer AJAX-App wird das DOM nicht korrekt aufgebaut? Command-Shift-C und mit der Maus auf das Element navigieren, welches Probleme macht. Ein Javascript verhängt sich in einer Endlosschlaufe? Breakpoint setzen und Step-by-step mit dem Debugger durch das Skript spazieren. Ein H1 ist Pink und 3cm gross? Ab in den Inspector um zu schauen, welches Teil des CSS für das Uebel verantwortlich ist.
Ich liebe diese Extension. Schnell. Extrem usable. Extrem breit einsetzbar.
Silber: Web Developer Toolbar
Ein Muss für den Web-Entwicker. Auf welche Pixelzahl muss ich die Margin setzen, damit das Bild schön mit dem Text ausgerichtet ist? “Edit CSS” und Aenderungen gleich verfolgen. Das Formular mal schnell mit Testwerten ausfüllen anstatt mühsam Dummy-Einträge einzutippen? “Populate Form fields” Ist die Seite semantisch korrekt aufgebaut oder verwendet sie unsichtbare Tabellen? Style-Sheet ausschalten.
Bronze: Zend Studio Toolbar
Genug von Debugging mit print_r and echo "I am here!"? Breakpoints setzen und mit der Zend Studio Toolbar eine Session launchen. Der Entwickler der App ist abgesprungen und hat einen Berg an gammligen Klassen zurückgelassen, welche wild ineinander verstrickt sind wie die Wolle in Grossmamis Nähkiste. Wie kriegt man die Uebersicht? Step-By-Step durch den Code und genau schauen, welche Klassen wann aufgerufen werden.
Weitere Lieblinge…
- del.icio.us, um interessante Seiten zu bookmarken
- Selenium IDE, um Functional Tests schnell aufzuzeichnen
- Flashblock, um resourcenfressende Flash-Werbung auszublenden
- WML-Browser, um unsere Mobile-Apps durchzuchecken
Und wie wäre es mit: Screen grab! & Tails Export?
Ui, “Webstandard-Team” auf dem tilllate blog… hoffentlich habt ihr nicht tilllate.com überprüft. Da würden wir durchfallen. Aber extrem. 🙂
Danke für die Extension-Tipps. Wird gleich geprüft.
Nein nicht doch ;o) auf manchen Seiten surft man tatsächlich nur aus Vergnügen. So etwas soll’s ja noch geben ;o) Grüsse in die Schweiz!
Du Entwickler, ich User.
Und deswegen hier noch ein paar nützliche Add-Ons für uns:
1. All-in-one Gestures: Obwohl ich ein Shortcut-Fanatiker bin – beim Browsen ist die Maus halt von Vorteil, und wenn die Hand schon an der Maus ist, dann sollte man damit etwas bewegen können! Einmal daran gewöhnt flutscht es nur noch so..
2. IE-Tab: Eine Seite zeigt’s (nicht) richtig an im Firefox, aber ist IE-mässig programmiert; Rechte Maustaste «View in IE-Tab» und Du hast sie in einer Internet Explörer-Instanz im Firefox-Tab!
3. FormSaver: Wie Selenium IDE, ein Tiny-Tool, welches Testing vereinfacht.
4. Sage: RSS-Feeder, um z.B. diesen Blog zu lesen.
etc
Hier noch meine favourites:
Clavs gute Tools; und am meisten ans Herz gewachsen ist mir “tab x”.. jedes einzelne Tab hat nun ein “X” zum schliessen 🙂
Würde Tilllate endlich mal auf CSS2 switchen, stünde (jedenfalls beim HTML/CSS2-Sklaven – bloggt der übrigens auch mal was?) “Web Developer Toolbar” an erster Stelle. Ohne dieses Tool kann ein HTML/CSS2-Coder nicht (mehr) leben.
So, Mario, nur Geduld. Es wird ein Redesign kommen und dieses ist valid XHMLL1.0, valid CSS2, valid Section 508 etc. 🙂
Den ersten Prototypen kannst Du hier sehen 🙂