--- title: "20 Google Chrome Extensions für Webdesigner und Programmierer" author: "Ellen Bauer" date: 2010-04-23 lang: de source: https://elmastudio.de/20-google-chrome-extensions-fur-webdesigner-und-programmierer/ --- # 20 Google Chrome Extensions für Webdesigner und Programmierer Wegen der praktischen Addons war Firefox bisher mein absoluter Lieblings-Browser. Doch die kleinen Helfer gibt es inzwischen auch für Google Chrome. Und die sogenannten Google Chrome Extensions haben wirklich so einiges zu bieten, um das Leben von Webdesignern und Programmierern zu versüßen. Come, have a look ;-) ## 1. [Eye Dropper](https://chrome.google.com/extensions/detail/hmdcmlfkchdmnmnmheododdhjedfccka) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-01.jpg) Mit Eye Dropper kannst du die verwendeten Farbwerte auf Webseiten bestimmen und speichern. ## 2. [MeasureIt](https://chrome.google.com/extensions/detail/aonjhmdcgbgikgjapjckfkefpphjpgma) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-02.jpg) Willst du wissen, wie breit die Sidebar deiner Lieblings-Webseite ist? Mit MeasureIt kannst du es ganz einfach nachmessen. ## 3. [Lorem Ipsum Generator](https://chrome.google.com/extensions/detail/dmpfoncmmihgkooacnplecaopcefceam) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-03.jpg) Falls du Blindtexte für dein Webdesign brauchst, hilft dir diese Chrome Erweiterung. Du kannst sogar bestimmen, wie viele Paragraphen oder Wörter du benötigst. ## 4. [Pixlr Grabber](https://chrome.google.com/extensions/detail/cjjghkapdciaiogkeofggpblmbbnjinn) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-04.jpg) Mit dem Pixlr Grabber kannst du bestimmte Elemente einer Webseite oder einen kompletten Screenshot kopieren, und an das Bildbearbeitungs-Tool Pixlr weiterleiten oder auf deinem Computer speichern. ## 5. [Color Picker](https://chrome.google.com/extensions/detail/egmjgagjcamhcilhinkipjdbfdmebmkd) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-05.jpg) Color Picker gibt dir den HEX oder RGB-Farbwert jeder ausgewählten Farbe, zusätzlich kannst du eigenen Farbwerte erzeugen. ## 6. [Aviary Screen Capture](https://chrome.google.com/extensions/detail/ncgcgghbabbopfcpgcjpfffdgnbadegf) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-06.jpg) Mit Aviary Screen Capture kannst du Screenshots einer Seite direkt an das Online-Tool Aviary weiterleiten, und das Bild dort weiterbearbeiten. ## 7. [Picnik](https://chrome.google.com/extensions/detail/hcifofgaphfkfdcjbdogpamghiihilkl) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-07.jpg) Noch ein Tool mit dem du Bilder oder ganze Screens speichern kannst, um sie dann mit dem Bildbearbeitungs-Tool Picnik zu bearbeiten. ## 8. [Snippy](https://chrome.google.com/extensions/detail/maabelkjnhafpphacjecmcnkkmjndjgl) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-08.jpg) Mit Snippy kannst du Elemente einer Webseite in einem Account speichern, um sie später wieder zu nutzen, z.B. in ein Google Dokument einzufügen. ## 9. [Pendule](https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-09.jpg) Pendule ist ein wahres All-Rounder Tool für Programmierer. Du kannst CSS oder JavaScript im Browser deaktivieren, den Quellcode einer Webseite analysieren, Farbwerte und Größen bestimmen und und und... ## 10. [Firebug Lite](https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-10.jpg) Firebug Lite ist auf jeden Fall ein »Must Have« für alle Programmierer. Das Tool anaylsiert den Code einer Webseite, und hilft so Fehler ausfindig zu machen. ## 11. [IE Tab](https://chrome.google.com/extensions/detail/hehijbfgiekmjfkfjpbkbammjbdenadd) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-11.jpg) Die IE Tab-Extension ist praktisch beim Test einer Webseite auf Browser-Kompatibilität. Mit einem Klick bekommst du eine Ansicht deiner Webseite im Internet Explorer. ## 12. [Resolution Test](https://chrome.google.com/extensions/detail/idhfcdbheobinplaamokffboaccidbal) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-12.jpg) Resolution Test zeigt Ansichten deiner Webseite in verschiedenen Screen-Auflösungen an. ## 13. [Web Developer Toolbar](https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-13.jpg) Die Chrome Variante des beliebten Addons hilft ebenfalls mit etlichen praktischen Features bei der Programmierung und Fehleranalyse deines Codes. ## 14. [Speed Tracer](https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-14.jpg) Speed Traver analysiert, welche Elemente deiner Webseite das Laden im Browser verlangsamen. ## 15. [Copy without Formatting](https://chrome.google.com/extensions/detail/cekbgkmeapobkbadclnkjfjdbpbcaobd) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-15.jpg) Du benötigst Text ohne Formatierung? Dann ist diese praktische Extension ist genau das Richtige für dich. ## 16. [Chrome SEO](https://chrome.google.com/extensions/detail/oangcciaeihlfmhppegpdceadpfaoclj) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-16.jpg) Page Ranks, Backlinks, Anzahl der Bookmarks...die Chrome SEO Extensions weiss einfach alles. ## 17. [BuildWith](https://chrome.google.com/extensions/detail/dapjbgnjinbpoindlpdmhochffioedbn) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-17.jpg) Mit BuildWith erfährst du welche Tools, Plugins, JavaScript-Libraries für eine Webseite verwendet werden. ## 18. [Plain Clothes](https://chrome.google.com/extensions/detail/kleiknekfnnaaibjhlamidabhmckbddc) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-18.jpg) Plain Clothes zeigt dir alle Webseiten nackt, also ohne CSS-Formatierung an. ## 19. [Chrome Sniffer](https://chrome.google.com/extensions/detail/homgcnaoacgigpkkljjjekpignblkeae) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-19.jpg) Ein praktische Extensions mit der du schnell herausfinden kannst, auf welchem CMS, Blog-Plattform, Shopsystem eine Webseite aufgebaut ist. ## 20. [Domain Availability Checker](https://chrome.google.com/extensions/detail/pokekecininnhejfkgcbnekjddnepope) ![Google Chrome Extensions für Webdesigner und Programmierer](https://elmastudio.de/wp-content/uploads/2010/04/webdesigner-google-chrome-extensions-20.jpg) Wenn du eine spontane Idee für eine neue Domain hast, erfährst du mit dieser Extensions sekundenschnell, ob die Domain noch zu haben ist. Wie gefallen dir die Extensions von Google Chrome? Kennst du weitere Extensions, welche die tägliche Arbeit als Webworker erleichern? Ich freue mich wie immer auf deine Tipps!