Im Folgenden finden Sie einige häufig verwendete Plug-Ins, Tools, Software usw. für die Front-End-Entwicklung, die ich zusammengestellt und gesammelt habe. Es ist gleichbedeutend mit einer kleinen Sicherung des Computers. Wie man es benutzt, werde ich es in Zukunft zusammenfassen. Gegenwärtig ist es besser, es selbst zu googeln.
【Firefox Plugin】
1. Firefbug - Seiten Moderator
2. Yslow - Webbewertungs -Tool
3. Pixel Perfect - Vergleich von HTML und Designentwurf
V.
5. Seitengeschwindigkeit- schnell optimieren Sie Webseiten ähnlich wie yslow
6. Messit - Echtzeit -Messwerkzeug
7. Fiddler - Lokales Seitstil -Tool
8. DNS Flusher - DNS -Aktualisierungstool
9. Colorzilla - Echtzeit -Farbauswahlwerkzeug
10. Webentwickler - Überprüfen Sie die relevanten Informationen der Webseite
11. FireMobileSimulator - Simulieren Sie Mobiltelefone
12. JavaScript Dubugger - JavaScript -Fehler
13. Greasemonkey - Skript -Applet
14. Firecookie - Cookie
【Chrom -Plugin】
1. Awesome Screenshot - Webseiten -Screenshot
2. Switcher von Benutzeragent - Schalten Sie das Anzeigegerät um
3.. Webentwickler - Überprüfen Sie die relevanten Informationen der Webseite
4. Fenster -Resizer - Auflösung ändern
5. Yslow - Webbewertungs -Tool
6. Erkennung von Browserkompatibilität
[Gemeinsame URL-Tools für die Front-End-Entwicklung]
Webfarbe Matching
http://www.peise.net/tools/web/
http://www.peise.net/tools/lilun/lilunxuexi.html
http://www.colorschemer.com/online.html
http://www.workwithcolor.com/hsl-color-picker-01.htm
CSS3 -Generator
http://www.css3Maker.com/
http://www.flickyard.in/autocss3/
http://www.colorzilla.com/gradient-editor/
http://css3pie.com/
http://www.css3.me/
http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/
CSS3 -Schaltfläche Generator
http://www.wordpressthemeshock.com/css-drop-shadow/
http://css3buttongenerator.com/
CSS -Bildsynthesizer
http://csssprites.com/
http://cn.spritegen.website-performance.org/
CSS -Codeprüfung
http://csslint.net/
Ajax Ladebild
http://ajaxload.info/
http://preloaders.net/
CSS -Hacktabelle
http://centricle.com/ref/css/filters/
Browsermarkt
http://tongji.baidu.com/data/browser
Testen Sie die Unterstützung des Browsers für CSS3
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
Benutzererfahrung erkennen
http://gtmetrix.com/
CSS -Vorlagengenerator
http://blog.html.it/layoutgala/
http://www.mycelly.com/
http://www.intensivstation.ch/en/templates/
CSS -Komprimierung
http://www.csscompressor.com/
Gemeinsame Schriftarten für CSS
http://cssfontstack.com/
http://www.google.com/webfonts#
http://www.dafont.com/
CSS3 -Transformation
http://www.useragentman.com/ietransformstranslator/
CSS3 Bezier Kurve
http://cubic-bezier.com/#.47,.73,1,.41
Yui CSS Grid Tool
http://developer.yahoo.com/yui/grids/builder/
JavaScript -Code -Optimierung und Verschönerung
http://js.clicki.cc/
Code Demo
http://jsfiddle.net/
http://jsbin.com/#html,live
http://ikeeper.com/bar/20143449
http://codepad.org/
Prototyping -Tools
https://gomockingbird.com/mockingbird/#
http://www.jotform.com/
【Lokale und häufig verwendete Software- und IDE -Editor】】
1. Markman-ein Designer, ein Muss für Front-End-Ingenieure
2. VIM - Super Schneller Herausgeber
3.. Adobe Photoshop CS6 - Bildschnittspezialitäten
4. IE Tester - Überprüfung der Seitenkompatibilität
5. Fiddler2 - Erkennungsanfrage
6. Beyond Commpar - Dateivergleich
7. Git - Verteilte Versionskontrolle
8. Opera Mobile Emulator - Mobiler Browser
9. Einfach - weniger
Nachdem Sie die meisten der oben genannten Werkzeuge gemeistert haben, herzlichen Glückwunsch, sind Sie nicht weit von einem hervorragenden Front-End-Designer ~~ entfernt