Webentwickler: 10 nützliche Tools

Der Artikel, dessen Übersetzung wir heute veröffentlichen, ist 10 nützlichen Tools gewidmet, die sich an Webentwickler richten. Der Autor des Materials glaubt, dass dies nur solche Werkzeuge sind, die es, wie sie sagen, ermöglichen, „intelligent zu arbeiten und nicht bis zum Einbruch der Dunkelheit“.







1. Website Vulnerability Scanner



Der Website Vulnerability Scanner ist ein von Pentest-Tools.com entwickelter Website Vulnerability Scanner . Dieses Tool muss einen Link zu einer Site erhalten, die auf Schwachstellen überprüft werden muss. Anschließend wird ein Bericht erstellt.





Ergebnisse des Website Vulnerability Scanner



2. Knabberzeug



Nibbler ist ein Tool zur umfassenden Analyse von Webprojekten. Der von ihm erstellte Bericht enthält Bewertungen der Zugänglichkeit des Inhalts der Website sowie Bewertungen, wie positiv die Erfahrung des Benutzers mit der Arbeit mit der Website sein kann. Nibbler analysiert Websites zur Suchmaschinenoptimierung und wie gut sie entworfen und erstellt wurden.





Nibbler gibt dev.to gute Noten



3. Meta-Tags



Meta-Tags ist ein einfaches Online-Tool, mit dem Sie die Meta-Tags von Websites schnell überprüfen können.





Überprüfen von Meta-Tags mit Meta-Tags



4. Google Lighthouse



Google Lighthouse ist ein automatisiertes Open Source-System zur Bewertung der Qualität von Webprojekten.



Es werden Bewertungen zu verschiedenen Aspekten des Designs und der Funktionsweise von Websites angezeigt. Insbesondere kann es verwendet werden, um die Leistung, Zugänglichkeit und Suchmaschinenoptimierung der Website zu bewerten und zusätzlich zu den Endergebnissen detaillierte Berichte und Empfehlungen zur Verbesserung der Website zu erhalten.





Site-Analyse in Google Lighthouse



5. Endtest



Endtest (ich sage Ihnen gleich, dass ich dort arbeite) ist eine intelligente Testautomatisierungsplattform, mit der Sie komplexe Tests erstellen und in allen gängigen Browsern ausführen können. 



Ich habe den Anmeldetest für die DEV-Community-Site automatisiert und diesen Test in der Cloud in Chrome, Firefox, Edge, Safari und Internet Explorer 11 ausgeführt.



Es stellte sich heraus, dass diese Site trotz der Tatsache, dass viele der "besten" Practitioner “funktioniert in Internet Explorer 11 nicht besonders gut. So sehen die Testergebnisse aus.





Testergebnisse in Chrome





Testergebnisse in Internet Explorer 11



6. Webstuhl



Loom ist eine kostenlose Chrome-Erweiterung, mit der Sie Videos aufnehmen und gleichzeitig Ihren Bildschirm und Ihre Webcam aufnehmen können.



Solche Aufzeichnungen können als Alternative zu Videoanrufen betrachtet werden, wenn die Gesprächspartner zu einem für sie geeigneten Zeitpunkt Kommentare zu einem bestimmten Projekt aufzeichnen und aneinander senden können.





Loom Chrome-Erweiterung



7. Pexels



Pexels ist eine Website, auf der Sie kostenlose Fotos und Videos für Ihre Projekte finden. Dies ist eine der wenigen Websites, auf denen Sie sich nicht einmal registrieren müssen, um Materialien herunterzuladen.



Diese Seite hilft mir immer in Situationen, in denen ich einen Prototyp erstellen muss und die Marketingabteilung noch keine offiziellen Materialien gesendet hat.





Pexels Website



8. Figma



Figma ist ein Website-Prototyping-Tool, das sich gut für die Teamarbeit an Projekten eignet. Figma unterstützt nicht nur Prototyping-Tools, sondern ermöglicht auch Entwicklungsteams und anderen Fachleuten, Projekte und ihre individuellen Details zu diskutieren.





Figma



9. Funkify



Funkify ist eine Chrome-Erweiterung, mit der Entwickler das Web aus der Perspektive von Menschen mit Behinderungen betrachten können. Dies hilft bei der Entwicklung von Websites, die für alle Benutzerkategorien geeignet sind.





Funkify



10. PerfectPixel



PerfectPixel ist eine Chrome-Erweiterung, mit der Sie ein halbtransparentes Bild auf einer HTML-Seite platzieren können, die ein vom Designer vorbereitetes Seitenlayout darstellt. Dies hilft dabei, Pixel für Pixel zu vergleichen, was mit dem erstellt wird, was sein soll.





Vergleichen Sie Seite und Layout mit PerfectPixel.



Welche Tools für Webentwickler würden Sie dieser Liste hinzufügen?






All Articles