Für viele Webdesigner und Entwickler ist Firefox unübertrefflich. Für andere frisst Firefox den Staub von Chrome. In den letzten zwei Jahren, seit der Veröffentlichung von Google Chrome, gab es eine heftige Debatte darüber, welcher Browser besser ist. Das Open-Source-Produkt von Mozilla hat sich im Laufe der Zeit bewährt und Firefox hat sich schnell zum meistgenutzten Browser entwickelt und den Internet Explorer von Microsoft überholt. Google Chrome tut Ihnen jedoch nicht leid. Schon in den Kinderschuhen hat Chrome bereits den zweitbeliebtesten Platz erreicht, nachdem es bereits den Internet Explorer überholt hat und eine hohe Chance hat, Firefox zu überholen. Obwohl Firefox robuster ist (hauptsächlich aufgrund seiner Beliebtheit), ist Chrome blitzschnell und mit täglich hinzugefügten neuen Erweiterungen eine spannende Option für den ernsthaften Webdesigner. Und hier finden Sie Tools, die Chrome für Sie als Designer oder Entwickler nützlich machen. Glücklicherweise verfügt Chrome über eine wachsende Sammlung von Erweiterungen, die den Umstieg von Firefox erheblich erleichtern.
1. AppJump App Launcher und Organizer
Nachdem Sie alle Erweiterungen in dieser Liste heruntergeladen haben, benötigen Sie auf jeden Fall einen Organizer. AppJump ist eine Chrome-Erweiterung, mit der Sie Ihre Anwendungen und andere Erweiterungen schnell über ein Dropdown-Menü in Ihrer Symbolleiste finden und starten können. Eine coole Funktion von AppJump ist die Möglichkeit, Apps und Erweiterungen in verschiedenen Gruppen zu organisieren. Für ein effektiveres Zeitmanagement können Sie beispielsweise Ihre beruflichen Verlängerungen ganz einfach von Ihren persönlichen trennen.
2. Toller Screenshot
Toller Screenshot macht seinem Namen alle Ehre. Mit dieser tollen Erweiterung können Sie Schnappschüsse der gesamten Seite oder eines Teils davon machen. Nachdem Sie einen Screenshot erstellt haben, können Sie relevante Teile einkreisen oder unterstreichen, irrelevante Teile unkenntlich machen und Kommentare abgeben. Sie haben die Möglichkeit, das Bild lokal zu speichern oder hochzuladen und einen Bildlink zum Teilen zu erhalten.
3. Bildschirmaufnahme der Voliere
Nachdem Sie sich oben über „Awesome Screenshot“ geäußert haben, fragen Sie sich vielleicht, warum dieser Liste zwei Screenshot-Erweiterungen hinzugefügt wurden. Ein Nachteil von Awesome Screenshot besteht darin, dass es Zugriff auf alle Daten auf Ihrem Computer und Ihren Browserverlauf erfordert. Für diejenigen Benutzer, die das Gefühl haben, dass dies eine Verletzung der Privatsphäre darstellt, Voliere ist eine durchaus geeignete Option.
4. Chrome-Sniffer
Chrome-Sniffer ermöglicht es Ihnen, das Framework jeder Website zu überprüfen. Es findet alle bekannten Content Management Systeme (CMS) oder Javascript-Bibliotheken auf einer Website und zeigt diese an. Diese Erweiterung eignet sich hervorragend für umwerfende Websites, bei denen Sie sich fragen: „Wie ist das menschlich möglich?“ Derzeit kann Chrome Sniffer über 100 Frameworks erkennen.
5. Cloud-Speicherung
Es gibt einen enormen Wandel vom lokalen Betrieb zum Arbeiten in der Cloud. Als Designer und Entwickler sind Sie es gewohnt, im Internet zu arbeiten, aber speichern Sie wichtige Dateien auch online? Wenn Ihre Entschuldigung darin besteht, dass es nicht so praktisch ist, sollten Sie es sich vielleicht einmal genauer ansehen Cloud-Speicherung. Mit Cloud Save können Sie Dateien von jeder Website in unterstützten Cloud-Diensten speichern. Speichern Sie auf Amazon Cloud Drive, Dropbox und Flickr.
6. Code Cola
Code Cola ist eine Erweiterung, die es Benutzern ermöglicht, einzelne Seiten innerhalb einer Website zu bearbeiten. Mit der Erweiterung können Sie auf einen Bereich innerhalb einer Webseite klicken und das CSS automatisch bearbeiten.
7. Unternehmens-IPSUM
Unternehmens-Ipsum ist eine unterhaltsame Alternative zum Standard-Textfüller Lorem Ipsum. Mit dieser Erweiterung können Sie Ihre Website mit „Unternehmens“-Sprachen und Schlagworten füllen. Ein Beispiel für Corporate Ipsum lautet: „Mit multifunktionalen Ideen kompetent auf unternehmensweite Daten abzielen.“ Diese Erweiterung basiert auf dem beliebten gleichnamigen Mac-Widget.
8. Diigo-Lesezeichen, Archiv, Hervorhebung und Haftnotiz
Diigo ist die Abkürzung für Digest of Internet Information Groups and Other stuff. Es handelt sich um ein Online-Recherchetool, mit dem Benutzer Informationen verwalten können. Markieren Sie Webseiten in mehreren Farben, machen Sie sich Haftnotizen, tauschen Sie Seiten in Ihrem sozialen Netzwerk aus und erstellen Sie Gruppen, um Ihre Forschungsergebnisse zu teilen.
9. Ziehen Sie nach oben
Drag2up ist ein einfach zu verwendendes Dateianhangssystem. Anstatt sich durch verschiedene Fenster zu klicken, ziehen Sie einfach die Datei, die Sie anhängen möchten, von Ihrem Computer auf das Eingabefeld. Alternativ können Sie Dateien auf verschiedene Hosting-Sites hochladen, darunter Flickr, ImageShack, Twitpic und Box.net. Diese Erweiterung gehört mit Sicherheit zu den unverzichtbaren Downloads.
10. Augentropfer
Hin und wieder stoßen Sie auf den perfekten Grünton, den Sie in Ihr Webdesign integrieren müssen. Der Augentropfer Mit der Verlängerung können Sie den genauen Farbton ermitteln. Es verfolgt auch Ihren Farbverlauf.
11. Firebug Lite
Feuerkäfer ist eines der großartigen Tools, das es schwierig macht, von Firefox zu wechseln und es hinter sich zu lassen. Glücklicherweise verfügt Chrome über eine Erweiterung namens Firebug Lite, die eine ähnliche Funktion bietet. Firebug Lite arbeitet mit den Chrome-Entwicklungstools zusammen, um Entwicklern die Überprüfung und Bearbeitung von HTML- und DOM-Elementen zu ermöglichen. Es ermöglicht Ihnen auch ein einfaches Debuggen. Firebug Lite ist eigentlich eine JavaScript-Datei, die sich nach dem Einfügen in eine Webseite wie der ursprüngliche Firebug verhält.
12. Greplin
Greplin ist eine Erweiterung, die Ihnen die Suche in Ihren privaten Daten ermöglicht. Verwenden Sie diese Erweiterung, um eine Information zu finden, die Sie auf verschiedenen sozialen Websites veröffentlichen, darunter Twitter, Facebook oder sogar Gmail. Es indiziert Ihre Daten für eine einfache Suche. Anstatt Ihren Verlauf zu durchwühlen, können Sie mit Greplin ganz einfach Daten abrufen.
13. HTML Instant
HTML Instant ist ein Echtzeit-HTML. Es verfügt über einen geteilten Bildschirm. Während Sie Ihren Code auf der linken Seite des geteilten Bildschirms eingeben, werden die Ergebnisse automatisch auf der rechten Seite angezeigt. HTML Instant funktioniert nicht nur mit HTML, sondern unterstützt auch CSS und JavaScript. Sie können Bilder auch von Ihrem Image Shack, Photobucket oder einer beliebigen Website hochladen, die ein Bild hostet. Dieser HTML-Editor ist für unerfahrene Designer sehr benutzerfreundlich.
14. IE-Tab
Der IE-Tab Mit der Erweiterung können Sie eine Webseite in einem simulierten Internet Explorer anzeigen, während Sie weiterhin Ihren Chrome-Browser verwenden. Der Internet Explorer ist nach wie vor der bevorzugte Browser der meisten Internetnutzer. Und es gibt immer noch einige Websites, die am besten oder sogar ausschließlich mit dem Internet Explorer funktionieren. Auf dieser Registerkarte können Sie den Internet Explorer verwenden, ohne Ihre Würde zu opfern. Das Wichtigste zuerst: IE Tab funktioniert nur unter Windows. Dies liegt daran, dass die in Windows integrierte Rendering-Engine für Internet Explorer verwendet wird. Aus diesem Grund haben Mac-Benutzer hier kein Glück.
15. Kontextmenü „Bildeigenschaften“.
Kontextmenü „Bildeigenschaften“. ist eine nützliche Chrome-Erweiterung, die Informationen zu allen Dingen im Zusammenhang mit einem ausgewählten Bild bereitstellt. Benutzer können sowohl den Speicherort als auch die Quelle eines Bildes finden. Außerdem werden die Abmessungen und die Dateigröße des Bildes angezeigt. Es handelt sich um eine einfache, aber effektive Erweiterung, die aus irgendeinem Grund nicht im Chrome-Browser enthalten ist.
16. Messen Sie es!
Messe Es ist ein Lineal, mit dem Sie die Abmessungen eines beliebigen Elements auf einer Webseite ermitteln können. Klicken Sie einfach auf die Erweiterung und ziehen Sie das Lineal heraus, um die Maße schnell und einfach zu finden.
17. Microstock Photo Power Search Tool
Was einen guten Webdesigner von einem großartigen Webdesigner unterscheidet, ist das Wissen, wo man Archivbilder kaufen kann. Jeder Designer weiß, dass das Finden des richtigen Bildes einer der zeitaufwändigsten Teile des Designs ist, insbesondere wenn Sie über mehrere Ressourcen verfügen, auf die Sie zurückgreifen können. Diese Erweiterung ermöglicht Ihnen die Suche nach Microstock bei fünf der führenden Bildagenturen, darunter Dreamstime, Fotolia und Shutterstock.
18. Palette für Chrome
Der Palette für Chrome Die Erweiterung ist sofort nützlich. Klicken Sie mit der rechten Maustaste auf ein beliebiges Bild, das Sie verwenden möchten. Diese Erweiterung erstellt eine 16-, 24- oder 32-Farben-Palette. Alternativ können Sie auch eine benutzerdefinierte Palette erstellen. Verwenden Sie diese Erweiterung, um die Farben Ihres Lieblingsbildes in Ihr Webdesign zu integrieren und zu vermitteln.
19. Pendel
Die Mächtigen Pendel Die Erweiterung kombiniert mehrere der in dieser Liste enthaltenen Erweiterungen. Mit Pendule können Sie Javascript und CSS anzeigen und ändern. Sie können auch Informationen zu bestimmten Bildern anzeigen oder diese ganz ausblenden. Es handelt sich um ein robustes Entwicklertool, das einen Farbwähler, einen HTML- und CSS-Validator und einen Link-Checker umfasst.
20. Einfache Kleidung
Zivilkleidung ist eine unterhaltsame und nützliche Erweiterung, mit der Sie die Grundzüge einer Website sehen können. Manchmal ist es einfacher, Fehler in einem Design zu erkennen oder zu analysieren, warum es so gut funktioniert, wenn es schwarzweiß ist. Mit PlainClothes können Sie eine Webseite auf eine Textfarbe, eine Hintergrundfarbe und eine Linkfarbe reduzieren. Links sind unterstrichen, Text ist Ihr Standardtext und plötzlich sind Sie wieder im Jahr 1998. Tatsächlich eignet sich PlainClothes sehr gut, um Ihrem Webdesign Barrierefreiheit zu verleihen.
21. Auflösungstest
Ändern Sie die Größe Ihres Browsers, um Ihre Website in verschiedenen Auflösungen zu testen. Auflösungstest wird mit voreingestellten Auflösungsgrößen geliefert, Sie können es aber auch in Ihrer eigenen angegebenen Auflösung anzeigen.
22. Suche nach Bild
Suche nach Bild ist eine meiner Lieblings-Chrome-Erweiterungen. Mit dieser Erweiterung können Sie ein bestimmtes Bild auf verschiedenen Websites finden. Mit der Suche nach Bildern haben Sie auch die Möglichkeit, ähnliche Bilder zu finden. Klicken Sie einfach mit der rechten Maustaste auf das Bild, das Sie interessiert, und wählen Sie „Mit diesem Bild bei Google suchen“ aus. Sie finden Seiten, die passende Bilder enthalten oder optisch ähnlich sind.
23. Sitzungsmanager
Der Sitzungsmanager Die Erweiterung speichert alle aktuell geöffneten Tabs zur späteren Durchsicht. Diese Erweiterung ist äußerst nützlich, wenn Sie, wie die meisten, immer wieder dieselben Seiten öffnen. Gruppieren und speichern Sie verwandte Registerkarten im Sitzungsmanager. Bündeln Sie beispielsweise alle Ihre Social-Networking-Sites, sodass Sie schnell darauf zugreifen können, ohne jede Site einzeln öffnen zu müssen. Und schließen Sie sie genauso schnell, mit der Gewissheit, dass Ihre Tabs gespeichert sind.
24. TabJump
Ähnlicher Umfang wie Session Manager, TabJump geht einen Schritt weiter. Diese Erweiterung verwaltet nicht nur Ihre Tabs, diese Erweiterung kann Tabs auch sperren und verhindert so, dass Sie einen wichtigen Tab versehentlich schließen. Wenn Sie einen Tab versehentlich schließen, können Sie ihn mit TabJump erneut öffnen. Beachten Sie jedoch, dass Erweiterungen den Verlauf nicht wiederherstellen können.
25. TooManyTabs
Da es nie genug Erweiterungen für die Browser-Tab-Verwaltung geben kann, TooManyTabs ist ein weiteres Muss. Diese Erweiterung zeigt eine Miniaturansicht aller geöffneten Registerkarten an. Dies ist praktisch, wenn Sie mit so vielen Registerkarten arbeiten, dass Sie die Registerkartentitel nicht mehr lesen können. Eine visuelle Hilfe hilft Ihnen dabei, Ihren Arbeitsplatz effektiv zu ordnen.
26. Webentwickler
Web-Entwickler ist ein weiteres umfassendes Entwicklertool. Es stammt vom selben Entwickler, der auch die äußerst beliebte Firefox-Erweiterung geschrieben hat. Mit dieser Erweiterung können Benutzer CSS anzeigen und bearbeiten, Bilddateigrößen anzeigen und Sitzungscookies löschen.
27. WhatFont
Für die meisten Webdesigner sind Schriftarten eine große Sache. Sind Sie schon einmal zufällig auf eine Website gestoßen und haben die perfekte Schriftart gefunden, um dann endlos im Code nach Antworten zu suchen? Wenn Sie es einfach mögen, installieren Sie dies Erweiterung zur Schriftartensuche. Bewegen Sie den Mauszeiger einfach über einen Text und finden Sie die verwendete Schriftart. Diese Erweiterung verrät Ihnen nicht nur den Namen der Schriftart, sondern auch die Schriftgröße und -farbe.
Haben Sie Lieblingserweiterungen, die nicht in dieser Liste enthalten sind? Bitte teilen Sie es uns in den Kommentaren mit.
