Anpassen der Chrome-Entwicklertools mit DevTools Author
Wenn Sie ein Frontend-Entwickler sind, sollten Sie bereits über das DevTools-Bedienfeld von Google Chrome informiert sein. Dies wird mit jeder Version von Chrome ausgeliefert, die Tools zum Bearbeiten von HTML / CSS-Rohdaten zusammen mit einer JS-Konsole und die Möglichkeit zur Echtzeit-Bearbeitung des DOM bietet.
Mit dem neuen kostenlosen Chrome-Plug-In DevTools Author können Sie das DevTools-Bedienfeld mit zusätzlichen Syntax-Farbschemata, eindeutigen Schriftarten und benutzerdefinierten Schriftgrößen anpassen.
Das Setup ist ziemlich einfach. Sie installieren die Erweiterung einfach im Chrome Webstore und rufen dann diesen Link in Ihrem Browser auf: chrome: // flags / # enable-devtools-experiments
Sie befinden sich im Bereich Chrome-Flags, in dem Sie DevTools-Experimente aktivieren sollten. Sobald dies aktiviert ist, sollten Sie Chrome neu starten, öffnen Sie die DevTools Einstellungen und finden Sie die Registerkarte "Experimente".
Dann überprüfen Sie einfach "benutzerdefinierte UI-Designs zulassen" und Sie können loslegen!
Sie können aus über 25 verschiedenen Syntax-Farbschemata wählen, die den Editor von Chrome viel einfacher zu benutzen machen. Außerdem können Sie die Schriftgröße von 10px-22px ändern oder sogar die Konsolschriftarten auf alle vorinstallierten Schriftarten Ihres Betriebssystems aktualisieren.
Dieses Plugin fügt keine Kernfunktionen zu DevTools hinzu, sondern lässt Sie den Stil und das Aussehen Ihres DevTools-Fensters ändern. Es ist überraschend einfach zu konfigurieren und kann Ihr DevTools-Erlebnis viel persönlicher machen.
Wenn Sie beim Setup Probleme haben, dann schauen Sie sich dieses geführte Video an.
Wie Rollenspiele als ein Klempner Ihr freiberufliches Geschäft verbessern können
Dieser Artikel ist Teil unserer "Guide to Freelancing-Serie" - bestehend aus Ratgebern und Tipps, die Ihnen helfen, sich selbstständig zu machen. Klicken Sie hier, um mehr von dieser Serie zu lesen. Schon mal den Ausdruck "hungernder Künstler" gehört? Angesichts des aktuellen Stands der freiberuflichen Designwelt - vor allem bei weniger erfahrenen Designern - sollte es eher "hungriger Designer" sein . W
Kostenloser CSS Code Generator für Instagram-Stil Filter
Wie cool wäre es, Bildfilter auf Ihrer Seite hinzuzufügen? Vor Jahren hätte dies JavaScript erfordert, aber heutzutage können Sie benutzerdefinierte Image-Filter mit gutem alten HTML und CSS erstellen.Und mit der cssFilters-Webapp muss man nicht einmal den CSS-Code schreiben!Mit diesem kostenlosen Tool können Sie benutzerdefinierte Bildfilter mithilfe von CSS3-Filtern erstellen. Sie