Sammlung von häufig verwendeten Tools für Web-Front-End-Designer

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