Latest News
- Contao wenn die Lightbox am unteren Rand hängt
- Woopra jetzt auch für iPad und iPhone
- Hover bei Cufon geht nicht… gibts nicht!
- Contao – Page not found auf einem 1und1 Hosting
- 15 professionelle und sehr günstige WordPress Templates
- Längere Akkulaufzeit mit dem Samsung Galaxy S2
- Geschwindigkeit messen mit Google Analytics
- Cufon Schrift in die eigene Webseite einbinden
- Magento 1.6.0.0 mit Market Ready Germany Problem
- Magento Image / Jpg Komprimierung ändern
Categories
- Allerlei
- Computer
- Contao
- Filmtipps
- Firefox Plugins
- Gelungene Linkbaits
- google phone
- Handyzeugs
- Html / Css
- Magento
- Onlinemarketing
- Seo
- Socialmedia
- Softwaretipps
- Usability
- Webdesign Allerlei
- Webdesign Tools
- Webdesigner Essen
- Wordpress Plugins
- Wordpress Stuff
- Wordpress Templates
- Wordpress Tutorials
- Xt:Commerce
Links und Empfehlungen
Web Developer Toolbar für Firefox
Posted by admin
Der Firefox Browser ist zweifelsohne ein wichtiger Partner beim Entwickeln von Webseiten geworden. Heute möchte ich Euch die Web Developer Toolbar vorstellen, die mir das Bearbeiten, bzw. das Entwickeln von Webseiten sehr vereinfacht….
Plugins sparsam einsetzen
Es gibt mittlerweile viele nützliche Firefox Plugins, die Euch das Kontrollieren und Entwickeln stark vereinfachen. Doch sollte man die Plugins etwas sparsam einsetzen, da diese den Firefox stark Verlangsamen. Vor der Neuinstallation meines Firefox Browsers, brauchte dieser mit seinen 30 Plugins satte 1 1/2 Minuten um zu Starten.
Web Developer Toolbar
Beginnen möchte ich meine Serie mit den wichtigen Webdesign Werkzeugen für den Firefox mit der Web Developer Toolbar.
Css Leiste
Das von mir als häufigsten eingesetzte Feature der WDT ist die Css Leiste. In dieser Leiste kann ich mir alle Css Eigenschaften der verschiedenen Elemente auf der Webseite anzeigen lassen. Nach der Installation der WDT reicht die Tastenkombination Strg+Shift+S um die Css Leiste zu aktivieren. Durch das Drüberfahren mit der Maus, könnt Ihr Euch alle Css Formatierungen der verschiedenen Webseitenelemente anzeigen lassen. Durch erneutes Drücken, deaktiviert sich die Leiste wieder.
Weitere Features der Web Developer Toolbar
- Schnelles Dektivieren aller von Farben, Grafiken, Weiterleitungen, JavaScript oder diversen StyleSheet Elemente
- Bearbeiten der Stylesheets direkt im Browser
- Ein und Ausblenden aller Alt Atribute der Grafiken
- Alle Grafiken der Webseite mit Größenangaben und Dateigröße in einer Liste anzeigen lassen
- Verschiedene Grafiken hervorheben
- Alle Css IDs und Klassen direkt an den Elementen Einblenden
- Alle Farben Übersichtilich und mit Farbcode anzeigen lassen
- Hilfslinen im Browser Einblenden lassen
- Bildschirmlupe zum Heranzoomen verschiedener Seitenelemente
- Maßwerkzeug zum Messen der Webseitenelemente
- Hervorheben für Frames, Überschriften, Links etc…
- Schnelles Verändern der Fenstergröße
- Html und Css Validator
- Tote Links überprüfen
- DOM Inspector
- Java Console
- Geschwindigkeitsreport
Web Developer Toolbar Maßwerkzeug zum Ausmessen der Webseitenelemente (Grafik unten)
Das sind allerdings nur einige von vielen weiteren Features der mächtigen Web Developer Toolbar.
Download
Runterladen könnt Ihr Euch die Web Developer Toolbar hier
Den Firefox Browser mit Google Toolbar könnt Ihr Euch hier runterladen 
:
Leave a Reply