Entwicklung, Tools, Webküche

Bessere Seiten entwickeln mit Firebug

Firebug Logo
Die Webgemeinde ist sich im Nutzen des Add on Firebug für den Browser Firefox sicher einig – erst einmal damit gearbeitet, dann ist der Firebug ein unverzeichtbares Werkzeug, welches auch den Sprung zu einem anderen Browser erschwert.

Das Addon bietet sehr viele und umfangreiche Funktionen, außerdem kann man via Plugin den Firebug erweitern, was ihn um einiges stärker werden lässt. Ich denke da nur an Erweiterungen wie YSlow, FirePHP und PixelPerfect, die ich nicht mehr missen will.

Alternative ohne Firefox

Will oder kann man nicht mit dem Firefox arbeiten, dann ist das Leichtgewicht Firebug Lite des Firebug eventuell eine Alternative, denn dieses Tool ist browserunabhängig und kann dem Entwickler auch in anderen Browsern helfen.

Standard
Tipps, WordPress

ZWORDPRESS, Firefox Add-on für WP-Blogger

Das der Firefox erweiterbar ist, mit Hilfe von Add-ons, sollte nichts neues sein. Dass WordPress seht Flexibel in der Erweiterbarkeit ist, ist ebenso kein „Neuheitenwissen“. Wie man aber aus dem Firefox direkt per Tastenkombination auf verschiedene Blogs zugreifen kein, einen direkten Absprung in die einzelnen Hauptpunkte in WordPress bekommt und damit einen Switcher zwischen den einzelnen Weblogs erhält, so lange die Cookies gültig sind, ist schon ein wenig anders und neu.

ZWORDPRESS
Weiterlesen

Standard
Tools, Webküche

Jash: JavaScript Shell erlaubt das Debuggen per Bookmark

Jash unterstützt Webentwickler beim Suchen von Fehlern und zeugt detaillierte Syntax von entsprechenden Bereichen, die man per MouseOver auswählt.

Ähnlich dem Firefox Add-on Firebug, allerdings sehr einfach per Bookmark. Die Technik kennt man schon von anderen Tools, die damit in vielen Browsern zur Verfügung steht. Jash kann mehr und bietet eine Reihe von Kommandos zum Debuggen.

Das Firebug Add-on will ich nicht missen, aber Firebug steht nicht in jedem Browser zur Verfügung, Weiterlesen

Standard
Webküche

FirePHP erleichtert die PHP-Entwicklung

Das Add-on Firebug muss man wohl im Bereich WebDevelopment nicht mehr vorstellen. Nun gibt es eine Erweiterung für das Add-on FirebugFirePHP.

FirePHP erleichtert die Kontrolle über die PHP-Entwicklung, direkt im Browser Firefox. Kontrolliere, was PHP macht, was in den Arrays steht, was die Session speichert und vieles mehr. Debuggen direkt im Browser, einfach installieren. Damit fallen var_dump() und echo-Ausgaben weg, das HTML-Dokument wird nicht von langen Debug-Ausgaben zerstört.

Ein deutsches Tutorial zum Nutzen des Add-on findet sich bei alldev – „PHP mit Firebug debuggen“.

Standard
Tipps, WordPress

WordPress Helper

WP HelperOliver Schlöbe fand die Strukturierung und den Zugriff per Webseite nicht so toll und hat sich die Mühe gemacht und für den Firefox eine Extension geschrieben, was den Zugriff auf WordPress-Themen der deutschen und englischen Webseite erleichtert – WordPress Helper.

Das Werkzeug ist schnell im Kontextmenü aufgerufen und damit stehen alle Bereiche zur Verfügung. Ebenso hat Oliver dem Werkzeug einige Optionen gespendet, so dass man seine Vorlieben einstellen kann – sehr schön. Dabei wurde der Bezug zum eigenen Backend nicht vergessen und man kann den Zugang nach Tiefe konfigurieren.

Features

  • Kategorisierter Zugriff auf die WordPress Hilfe (WordPress Codex)
  • Suche von markiertem Text
  • Ein-Klick-Wechsel zum WordPress-Adminbereich einer Webseite
  • Vielfältige Einstellungsmöglichkeiten

WordPress Helper

Standard
Webküche

Lieblinge der Webworker …

WD vs FB… gibt es sicher viele. Da wird unterschieden nach Plattform und Arbeitsweise und jeder findet sich irgendwo wieder, ebenso auch seine entsprechenden Tools zum Erstellen von Webseiten oder Anwendungen.

Für den Browser Firefox gibt es seit langer Zeit den Web Develober und damit ist ein großer Wurf gelandet, der sich in vielen Arbeitsweisen niederschlägt. Ich für meinen Teil arbeite seit dem nur noch mit einem Editor, Notepad++, und dem Firefox mit diversen Plugins. Um ein Stylesheet zu erstellen nutze ich den Browser FF mit diversen Add-ons und keine zusätzlichen Programme.
Nun gibt es seit geraumer Zeit das Firebug-Add-on (mehr dazu habe ich bereits hinterlegt), was bei einigen den Web Developer schon verdrängt hat und es wird wohl zum Tool des Jahres für alle Webworker werden.

Mich würde interessieren, …

… wie ist die Arbeitsweise von euch und auf welche Tools schwört ihr beim Erstellen von Layout und Applikation?

Meine Top-Liste ist sieht derzeit so aus:

  1. Firefox
  2. Add-on FF Web Developer
  3. Add-on FF Firebug
  4. Add-on FF ColorZilla
  5. Add-on FF MeasureIt
  6. Add-on FF HTML Validator
  7. Notepad++
  8. UltraEdit-32
  9. (XAMPP)
Standard
Webküche

Firefox Add-On Firebug für Webentwickler ein Muss

Es ist immer wieder unglaublich, was einzelne Add-ons, wie die Erweiterungen seit Firefox 2.0 heißen, so leisten können. Es gibt ja schon eine Reihe toller Plugins für Entwickler von Websiten, aber nun kommt mit dem Add-on Firebug ein wohl überaus mächtiges Add-on heraus was wohl das eine oder andere kommerzielle Tool das Fürchten leert.

Die Erweiterung Firebug kann HTML analysieren und editieren,
Firebug

CSS bearbeiten, CSS visualisieren,
Firebug

Netzwerk-Aktivitäten (JavaScript) visualisieren, JavaScript Debuggen, Fehlersuche in XML, CSS und JavaScript und DOM erkunden. Mehr zu allen Möglichkeiten sind in diesem Screencast zusehen.

Einige Funktionen lassen sich übergreifend auch in anderen Browsern nutzen bzw. also in jede Website integrieren, da der Entwickler eine JavaScript-Library Firebug-Lite bereit stellt.
Wie man das macht, wird anschaulich in diesem Tutorial erläutert, in dem Firebug im IE genutzt wird.

Standard