Build It 11 Brilliant Chrome-Erweiterungen für Webentwickler

Chrome hat kürzlich einen Marktanteil von 25% am Internet-Browser-Markt erobert und ist damit der weltweit am häufigsten verwendete Browser hinter Internet Explorer (der sich zu Project Spartan Project Spartan entwickelt: ein schlanker und unvollendeter Browser für das Modern Web Project Spartan: Ein schlanker und unfertiger Browser für das moderne Web Spartan nimmt den Kampf gegen Browser-Konkurrenten wie Chrome und Firefox auf: Wird er den Idealen spartanischer Soldaten gerecht? Wir haben diese erste Version getestet und waren nicht beeindruckt ). Letztendlich bedeutet dies, dass Chrome das ist de facto Zuhause für Webentwickler.

Obwohl ich ein Teil von Firefox bin, kann ich verstehen, warum die Leute Chrome lieben. Es dominiert Browser-Benchmarks. Browser Wars: Firefox vs. Chrome vs. Opera, Der endgültige Benchmark Browser Wars: Firefox vs. Chrome vs. Opera, Der definitive Benchmark Wenn Sie nur einen Browser auswählen könnten, welcher wäre er? Welches ist am besten: Firefox, Chrome oder Opera? Wir zeigen es dir. Lesen Sie mehr und es wird für normale Leute leicht, Chrome-Power-User zu werden. So werden Sie ein Chrome-Power-User, Teil 1 - Master Das Keyboard Wie man ein Chrome-Power-User wird, Teil 1 - Master Das Keyboard Google Chrome ist schon seit einiger Zeit Der Browser der Wahl für viele, und obwohl die Mehrheit unserer Webbrowser einige ziemlich beeindruckende Dinge vollbringen kann, hat Chrome die Power-User immer wieder mitgenommen… Weiterlesen. Andere hassen zwar Chrome, sind aber damit beschäftigt. Ich hasse Google Chrome. Aber ich bin gefangen. Ich hasse Google Chrome, aber ich bin darin gefangen. Hier ist der Grund, warum ich im Chrome- oder Firefox-Krieg mit den Google-Nutzern zusammenarbeitete. Aber ich will nicht. Chrome ist mein Browser der Wahl, da er über Funktionen verfügt, ohne die ich nicht leben kann. Lesen Sie mehr über die Verfügbarkeit bestimmter Erweiterungen.

Das ist ein Grund, warum Chrome für Webentwickler so gut ist: Der Chrome Web Store Wie sicher ist der Chrome Web Store überhaupt? Wie sicher ist der Chrome Web Store überhaupt? Eine von Google finanzierte Studie hat ergeben, dass Millionen von Chrome-Nutzern Add-Ons installiert haben, auf denen Malware installiert ist. Dies entspricht 5% des gesamten Google-Verkehrs. Sind Sie einer dieser Menschen und was sollten Sie tun? Lesen Sie mehr und seinen Erweiterungspool. Wenn Sie planen, eine Website zu entwerfen oder zu codieren, finden Sie hier einige wichtige Tools, die Sie sofort installieren sollten.

ColorZilla

ColorZilla begann als Firefox-Addon, wurde aber so beliebt, dass viele eine Chrome-Version forderten. Jetzt sind wir hier. Diese praktische Erweiterung ist im Grunde eine erweiterte Version des Augentropper-Tools, das Sie in einem Programm wie Paint oder Photoshop finden würden.

Damit können Sie auf jeden Punkt in Ihrem Browser zeigen und die Farbinformationen sofort an diesem Punkt abrufen. Nach dem Ziehen können Sie die Einstellungen anpassen (RGB, HSV oder Straight Hex), bevor Sie sie in die Zwischenablage kopieren. Sehr einfach zu bedienen.

Sie erhalten außerdem einen CSS-Verlaufsgenerator, einen Webseiten-Farbanalysator und einige vorinstallierte Farbpaletten.

Fenstergröße ändern

Eine der Gefahren des Web-Entwicklers besteht darin, sicherzustellen, dass die Anzeige einer Website für Benutzer auf allen Arten von Geräten angenehm ist. Dabei geht es nicht nur um Mobile vs. Desktop - welche ist wichtig - aber auch der Unterschied zwischen kleinen Tablets und massiven Monitoren.

Fenstergröße ändern ist eine einfache Möglichkeit, das Browserfenster schnell anzupassen. Auf Knopfdruck können Sie Ihre Website in verschiedenen Auflösungen testen, um zu sehen, was Ihre Nutzer sehen - und Sie können sie entsprechend anpassen.

IE Tab

Eine weitere große Gefahr des Web-Entwicklers sind Browser-Standards (oder deren Fehlen). Internet Explorer, Firefox, Chrome, Opera und alle anderen kleineren Browser rendern Websites auf unterschiedliche Weise. Inzwischen sind einige Browser langsamer als andere Standards.

Oder im Fall des Internet Explorers werden Standards aus dem Fenster geworfen, und Webentwickler müssen sich die Haare ausreißen, wenn sie gezwungen sind, eine Unterkunft zu machen.

Mit IE Tab, Dieser Vorgang wird ein bisschen einfacher. Sie können eine Website in einer neuen Chrome-Registerkarte anzeigen, jedoch so rendern, wie sie im IE erscheinen würde. Keine revolutionäre Lösung für das Problem von IE, aber es ist zumindest etwas.

Gültigkeit

Nicht jeder HTML-Code ist gleich. Während Browser eine wichtige Rolle bei der Einhaltung von Standards spielen, ist es ein Teil der Aufgabe des Webentwicklers, gute HTML-Praktiken zu befolgen. Aus diesem Grund gibt es Tools zum Testen und Validieren von HTML 5 Besten kostenlosen Online-HTML-Editoren, um Ihren Code zu testen. 5 Besten kostenlosen Online-HTML-Editoren, um Ihren Code zu testen Für Zeiten, in denen Sie nur mit einem kleinen HTML-Ausschnitt arbeiten möchten passen Sie es nach Ihren Wünschen an, ein Online-HTML-Editor wird Ihnen besser dienen. Weiterlesen .

Gültigkeit ist eine Erweiterung, mit der Sie all dies tun können, ohne Websites von Drittanbietern besuchen zu müssen. Öffnen Sie einfach Ihre Website und klicken Sie auf die Schaltfläche. In der Browserkonsole werden alle ungültigen HTML-Nachrichten angezeigt. Die Validierung erfolgt über den W3C-Validierungsdienst.

BuiltWith

Was ich an Web-Entwicklung hasse, ist, dass es sie gibt so viele verfügbare Bibliotheken, Frameworks und Engines. Die Wahlfreiheit ist großartig, aber es ist ein Schmerz, wenn die Anzahl der Technologien so groß wird, dass Sie nicht mit allen Technologien Schritt halten können.

Haben Sie jemals eine Website besucht und sich gefragt, was die zugrunde liegende Technologie ist??

Das BuiltWith Die Erweiterung ist eine einzige Schaltfläche, mit der die aktuelle Webseite analysiert wird alles der Webbibliotheken, Frameworks und Engines, die das System unterstützen, einschließlich Werbungsnetzwerke, Plattformen zur Verteilung von Inhalten und sogar die dahinterliegende Hosting-Software.

Postman-REST-Client [nicht mehr verfügbar]

Für diejenigen, die mit REST-APIs arbeiten, Briefträger ist das einzige Werkzeug, das Sie für einen optimierten Workflow benötigen. Mit ihm können Sie HTTP-Anforderungen erstellen und formatierte Antworten in JSON und XML erhalten. Antworten werden in einem separaten Fenster als HTML geöffnet.

Sie können auch mehrere Anforderungen zu einer sogenannten Sammlung zusammenfassen. Dies ist eine hervorragende Möglichkeit, um organisiert und effizient zu bleiben. Sie können auch in mehreren Umgebungen testen, indem Sie die Umgebungsvariablen direkt in der Erweiterung aktivieren.

Unternehmens-Ipsum

Eine Möglichkeit, Fülltext zu erstellen, ist das Kopieren und Einfügen “asdf” immer und immer wieder hundert mal. Ein besserer Weg wäre die Installation Unternehmens-Ipsum und lassen Sie es im Handumdrehen Fülltext für Sie generieren.

Wir haben mehrere Lorem-Ipsum-Generatoren behandelt. 10 nützliche Alternativen, wenn Sie die üblichen Lorem-Ipsum-Füller-Texte müde sind 10 praktische Alternativen, wenn Sie die üblichen Lorem-Ipsum-Füller-Texte müde sind Webdesigner haben wahrscheinlich ein Kätzchen von Lorem-Ipsum-Werkzeugen in der Nähe nützlich für ihre Webentwicklungsarbeit. Lorem Ipsum Generatoren gibt es in verschiedenen Formen; Einige von ihnen ermöglichen die Anpassung des Dummy-Texts… Lesen Sie weiter, aber der Reiz von Corporate Ipsum besteht darin, dass er direkt in Ihrem Browser angezeigt wird. Sie können es mit einem einzigen Klick hochziehen. Es gibt keinen Grund, es nicht zu benutzen, wenn Sie mich fragen. Jetzt können Sie zur eigentlichen Programmierung Ihrer Website zurückkehren!

TabCloud

Die Webentwicklung findet manchmal auf mehreren Computern statt. Quellcodeverwaltung für Entwickler Was ist Git? Warum sollten Sie Versionskontrolle verwenden? Wenn Sie ein Entwickler sind? Was ist Git? Warum sollten Sie Versionskontrolle verwenden? Wenn Sie Entwickler sind Als Webentwickler neigen wir häufig dazu, zu arbeiten Laden Sie dann auf lokalen Entwicklungsseiten einfach alles hoch, wenn wir fertig sind. Dies ist in Ordnung, wenn es nur Sie sind und die Änderungen klein sind. Wenn Sie mehrere Registerkarten auf mehrere Computer übertragen möchten, bleiben Sie auf dem neuesten Stand. Das ist wo TabCloud kommt herein.

TabCloud synchronisiert Ihre Registerkarten mit der Cloud, sodass Sie sie an anderer Stelle wieder öffnen können. Es kann auch lokal als Sitzungsschoner verwendet werden, sodass Sie eine Reihe von Registerkarten speichern können, um sie später erneut aufzurufen. Tabs werden in Ihrem Google-Konto gespeichert.

WhatFont

Das Design von Schriftarten ist eine wichtige Komponente der Webentwicklung. Aus diesem Grund verwenden Dienste wie Google Web Fonts So verwenden Sie Google Fonts in Ihrem nächsten Webprojekt und warum sollten Sie Google Fonts in Ihrem nächsten Webprojekt verwenden und warum sollten Sie sich für die Schriftart entscheiden? Eine umfassende Designentscheidung für jede Website, aber wir sind meistens mit derselben alten Serifen- und Sansserif-Familie zufrieden. Während der Hauptteil des Textes immer etwas sein sollte… Lesen Sie mehr sind so populär geworden. Die gute Nachricht ist, dass diese kostenlosen Schriften nun einige der schönsten Web-Schriften sind. Spruce Up Ihre Website mit diesen 12 schönen Google-Web-Schriften Spruce Ihre Website mit diesen 12 schönen Google-Web-Schriften In den letzten zehn Jahren habe ich eine Reihe begonnen von persönlichen Blogs, die ich nie wirklich durchgemacht habe, aber einige meiner schönsten Erinnerungen beruhen auf dem Design von Designs und den Änderungen an Fonts. Es ist etwas befriedigendes, wenn… Read More derzeit verfügbar ist.

Aber geben Sie es zu: Es gibt Zeiten, in denen Sie im Internet surfen und auf eine atemberaubende Schrift stoßen, die Sie noch nie gesehen haben. Es gibt viele Möglichkeiten, es zu erkennen, aber der schnellste Weg ist der Gebrauch WhatFont. Mit ihr können Sie Schriftarten einfach durch prüfen über ihnen schweben. Wie könnte es einfacher sein??

Awesome Screenshot [Nicht mehr verfügbar]

Wenn Screenshots nicht Bestandteil Ihrer normalen Webentwicklungsroutine sind, Toller Screenshot wird dazu beitragen, das zu ändern. Bildschirmaufnahmen eignen sich hervorragend zum Dokumentieren von Designänderungen und zur Weitergabe der laufenden Arbeiten an Ihren Kunden oder Ihre Teammitglieder.

Diese Erweiterung verfügt über mehrere Aufnahmefunktionen, einschließlich der vollständigen Seite, des ausgewählten Bereichs oder des sichtbaren Bereichs. Außerdem können Sie Anmerkungen hinzufügen, sensible Bildbereiche verwischen und mit einem einzigen Klick teilen. Oder laden Sie stattdessen auf Ihr Google Drive hoch.

Wenn das Konzept Sie fasziniert, Sie jedoch lieber ein leistungsfähigeres Desktop-Programm verwenden möchten, finden Sie in diesem Vergleich des Screenshot-Tools 4 beste Tools zum Erstellen von Screenshots im Vergleich 4 beste Tools zum Erstellen von Screenshots im Vergleich STRG + UMSCHALT + 4. Drei Tasten - alles, was Sie brauchen für perfekte Screenshots. Es muss kein Ärger sein! Probieren Sie diese fortschrittlichen Tools zur Bildschirmaufnahme aus, und Sie werden nie zurückschauen. Lesen Sie mehr und beginnen Sie mit der Anwendung, die für Sie am besten funktioniert.

Überprüfen Sie Meine Links

Eine Vielzahl von Fehlern bei der Webentwicklung wird Ihre Besucher frustrieren und defekte Links sind einer der schlimmsten Straftäter. Ein defekter Link ist möglicherweise in Ordnung, aber mehr als das, und Ihre Website verliert an Glaubwürdigkeit und Ansehen. Glücklicherweise ist dies ein leicht zu vermeidender Fehler.

Überprüfen Sie Meine Links macht genau das, was es verspricht: Es prüft Ihre Links. Gültige Links sind grün markiert, defekte Links sind rot und am Ende erhalten Sie eine prozentuale Punktzahl. Alles, was Sie danach tun müssen, ist, diese Links zu reparieren!

Welche Erweiterungen verwenden Sie??

Eine weitere Erweiterung zur Steigerung der Produktivität 15 Erweiterungen der Erweiterung "Can't-Miss" für die Produktivität 15 Erweiterungen der Erweiterung "Can't-Miss" für die Produktivität Heute bieten wir Ihnen einige wichtige Erweiterungen, die darauf abzielen, dass Sie online besser arbeiten. Ich würde empfehlen StayFocusd. Es handelt sich eher um eine Erweiterung für allgemeine Zwecke als um eine Webentwicklungserweiterung, aber es ist auf jeden Fall nützlich. Es verhindert, dass Sie während der Arbeit vom Web abgelenkt werden!

Was denkst du über diese? Gibt es andere wichtige Erweiterungen für die Webentwicklung, die Sie empfehlen würden? Teilen Sie uns in den Kommentaren unten mit!

Erfahren Sie mehr über: Browsererweiterungen, Google Chrome.