Schlagwort: 88224

5 sinnvolle Firefox Addons für Webentwickler

FWebbrowser FirefoxEs gibt eine Menge Developer Tools für den Browser Firefox.

Hier möchte ich eine Liste von Addons vorstellen, die ich für sinnvoll und unverzichtbar halte, wenn man Webseiten erstellt.

1. Web Developer

Stellt eine Symbolleiste und ein Menü mit zahlreichen nützlichen Werkzeugen für Web-Entwickler bereit.

webdeveloperWeb Developer macht den Mozilla Firefox zu einem Werkzeugkasten in Sachen Web-Entwicklung. Die kostenlose Browser-Erweiterung klinkt sich in Form einer Toolbar unter der Adressleiste ein und bietet unzählige Werkzeuge rund um HTML-Quellcode, Cookies, CSS, JavaScript etc.

Mit Web Developer lassen sich die auf einer Webseite benutzten CSS-Vorgaben analysieren und per integriertem Editor in Echtzeit ändern – die Ergebnisse wendet die Freeware direkt an. Zudem blendet Web Developer unzählige Informationen über alle Elemente einer Webseite ein, etwa Dateigröße, Pfad und Maße aller Bilder. Darüber hinaus spürt das Browser-Extra defekte Links auf, säubert den Cache, entfernt Verlauf sowie Cookies und zeigt die aktuelle Webseite in unterschiedlichen Bildschirmauflösungen an. Auch wer den Quellcode oder die Scripte seiner Seite auf Fehler oder ungültige Passage hin überprüfen will, findet in Web Developer den passenden Helfer.

Download der aktuellen Version des Web Developer Addons

2. ColorZilla

Mittels Fadenkreuz kann aus jedem Browserbereich der entsprechende Farbwert ausgelesen werden. Dieser kann per Bereichswähler angepasst und/oder als RGB- oder Hex-Wert kopiert werden.

colorzillaWeitere Funktionen: Abstandsmessungen zwischen zwei Pixeln auf einer Webseite, Seitenzoom, verschiedene Farbpaletten.

Download der aktuellen Version des ColorZilla Addons

3. Firebug

FireBug deckt Fehler im Quellcode von Webseiten auf. Das geniale Addon kennt sich bestens mit HTML, JavaScript, Ajax und CSS aus. Zudem schlüsselt die Freeware die so genannten DOM-Daten von Webseiten auf.

firebugFireBug öffnet in einem zusätzlichen Fenster innerhalb des Browsers eine Konsole. Darin zeigt die Freeware potenzielle Fehler in JavaScripts sowie den CSS-Layoutdokumenten. Zudem analysiert FireBug den HTML-Code – Objekt für Objekt. Auch die DOM-Struktur nimmt der Browser-Zusatz genau unter die Lupe.

Firebug ist eine der besten Extensions für Firefox wenn es um die Webentwicklung geht. Viele Funktionen stehen bereits zur Verfügung und ermöglichen effektives arbeiten. Doch Firebug ist nicht allein. Inzwischen steht eine ganze Meute an Extensions zur Verfügung um Firebug noch ein wenig mehr zu entlocken. Dazu gehören neben Features für die Webentwicklung auch solche zur lokalen Arbeit am Browser selbst.

Mehr zu den Extensions für das Addon Firebug

Download der aktuellen Version des Firebug Addons

4. View Source Chart

viewsourcechartWebseiten bestehen aus rechteckigen Kästen, aus Little Boxes. Die Firefox-Erweiterung View Source Chart stellt die Kästchen einer Webseite visuell dar und macht so diese Boxes sichtbar.

Mit Visual Source Chart kann man den Aufbau einer Webseite schneller begreifen als mit einer reinen Quelltextanalyse.

Mehr Infos zu diesem Addon

Download der aktuellen Version des View Source Chart Addons

5. MeasureIT

measureitErmöglicht es, über ein Symbol in der Statusleiste eine Art „Maßbox“ zu öffnen, um per Maus die Höhe und Breite (in Pixeln) von beliebigen Webseitenelementen zu messen.

Download der aktuellen Version des MeasureIT Addons

Suchen / Ersetzen von mehreren Textzeilen!

notepad-siteHin und wieder stehe ich vor dem Problem, das ich mehrere gleiche Textzeilen in unmengen von Dateien gleichzeitig editieren möchte.

Nun arbeite ich schon seit geraumer Zeit mit dem hervorragenden Freeware Editor Notepad++ und wußte gar nicht,  das es in diesem Editor die Möglichkeit gibt, mehrere Textzeilen zu suchen und zu ersetzen.

Man markiert einfach die betreffenden Textzeilen und drückt dann die Tasten

Strg + F

Es öffnet sich nun das „Suchen“ Fenster mit den Registerkarten:

  • Suchen
  • Ersetzen
  • In Datei suchen

In dem „Suchen nach“ Fenster in in meinem Beispiel nun deutlich zu erkennen das der Text von mehreren Zeilen in diesem Fentser vorhanden ist. Die quadratischen Sonderzeichen stehen als Platzhalter für die Zeilenumbrüche.

Jetzt kann ich gewohnt meine Such- und anschließen Ersetzen Optionen durchführen.

no images were found

Die ersten Office 14 Screenshots

Office 14Na, da habe ich soeben die ersten Screens vom neuen Microsoft Office 14 im Netz entdeckt.

Leaked: First Office 14 screenshots

Firefox Addons & Google Features intelligent nutzen !

Warum soll man nicht zwei bekannte Technologien intelligent kombinieren und dadurch kostenlos, effizient, rechnerunabhängig und ortsunabhängig arbeiten können !

Im folgenden Artikel möchte ich euch dies mit dem beliebten Browser Firefox und den genialen Google Features demonstrieren.

Folgende Google Features lassen sich komfortabel mit passenden Firefox Features  kombinieren:

Google Suche, Google Mail & Google Kalender

Für diese Feature gibt es passende Firefox Addons:

Google Suche:

GooglePreview

Fügt Vorschaubilder von Websites und Aktienkursen in die Google- und Yahoo-Suchergebnisse ein.

Die Vorschaubilder werden bevorzugt von GooglePreview-Servern geladen. Erst wenn dies nicht möglich ist wird versucht sie von alexa.com zu erhalten.

CustomizeGoogle

CustomizeGoogle ist eine Erweiterung für Firefox, welche die Google
Suche durch die Ergänzung nützlicher Informationen erweitert.
Beispielsweise werden Links zu Yahoo, Ask.com, MSN etc. hinzugefügt
oder unerwünschte Informationen wie Werbung, SPAM oder Nutzerprofile.

Googlepedia

Zeigt neben den Google-Suchergebnissen automatisch einen passenden
Wikipedia-Artikel an.
Dank Googlepedia erhält man bei einer Google-Suche auf einem nunmehr
zweigeteilten Bildschirm
den passenden Wikipedia-Eintrag gleich dazu – sofern es einen gibt.
Damit der Platz ausreicht,
werden Anzeigen unterdrückt. Das funktioniert zwar nicht immer,
doch erfreulicherweise auch mit deutschsprachigen Wikipedia-Beiträgen.

GoogleEnhancer

Fügt Icons, Nummerierung und Hervorhebung zu den Resultaten
einer Google Suche hinzu.
Verbessert Resultate einer Google Suche durch das markieren von
Wörtern, Nummerierung der Ergebnisse sowie das Hinzufügen von Icons.
Jedes Feature lässt sich einzeln aktivieren beziehungsweise deaktivieren.
Diese Erweiterung arbeitet reibungslos mit der ‚Google-Preview‘ Erweiterung zusammen.

Google Mail und GoogleKalender:

Better Gmail

Eigentlich ist GMail schon mit so ziemlich allen Features ausgestattet die man sich nur wünschen kann.
Aber bei näherer Betrachtung gibt es natürlich immer wieder Funktionen die man vielleicht noch integrieren könnte.
Wer z.B. den Reader in GMail integrieren möchte oder GMail eine komplett neue Optik verleihen will kann dies
jetzt mit dem Firefox-Plugin Better GMail tun.

Better GCal

Im Google Kalender werden jeweils am oberen Bildschirmrand und in der linken Navigation-Sidebar zwei kleine blaue Pfeile sichtbar. Ein Klick auf diese blauen Pfeile, blendet den Überschriftenbereich sowie die Navigation des Kalenders aus bzw. wieder ein.

Sinnvolle Firefox Addons Sammlung

Adblock Plus

Nase voll von all der lästigen Werbung im Internet, die oft länger zum Laden braucht als alles andere auf der Seite? Adblock Plus installieren und die Werbung für immer blockieren!

Finjan SecureBrowsing

Die kostenlose Browser-Erweiterung Finjan überprüft Webseiten, die von Suchmaschinen und Webmail-Konten, angezeigt werden, auf verdächtige Elemente. Die Links markiert das Tool mit einem grünen, gelben oder roten Symbol. Grün steht für unbedenklich, Gelb für unklar, Rot für gefährlich.

Finjan nutzt keine Datenbank, sondern checkt die Seiten in Echtzeit auf verdächtigen Code, um auf die im Internet sich recht schnell ändernde Bedrohungslage reagieren zu können. Im Visier hat das Plug-In dabei Spyware, Viren und Code, der die aktuellen Systemeinstellungen ändert.

Das Tool unterstützt die Dienste folgender Anbieter: Google, Yahoo, MSN/Windows Live, Digg, Wikipedia und Blogger.

Foxmarks Bookmark Synchronizer

Wenn sie Firefox auf mehreren Rechnern nutzen, sollten sie Foxmarks einsetzen. Installieren sie Foxmarks auf jedem der Rechner, dann wird es ihre Lesezeichen im Hintergrund synchron halten. Sie können sich auch bei my.foxmarks.com einloggen und ihre Lesezeichen von jedem beliebigen Rechner aus verwalten.

Cooliris Previews

Cooliris gibt ihnen die Möglichkeit sich schneller im Internet zu bewegen. Bei der Bewegung des Mauszeigers über einen Link öffnet sich das Cooliris-Fenster und gibt Ihnen eine Vorschau des Inhalts. Kein vor-, Zurückklicken oder Verlassen von Webseiten mehr. Die Vorschau kann dazu bequem per Rechtsklick mit E-mail versendet werden. Bei Rechtsklick auf bestimmte Wörter oder Wortgruppen können diese sofort Google, Wikipedia oder anderen Wörterbüchern nachgeschlagen werden. Es kann außerdem individuell eingestellt werden, wie und wann die Fenster sich öffnen sollen.

PicLens

PicLens ist eine kostenlose Browser-Erweiterung, die den Firefox per Mausklick in eine Diashow verwandelt.

Präsentiert von WordPress & Theme erstellt von Anders Norén