Sammlung häufig verwendeter Tools für WEB-Frontend-Designer_Grundkenntnisse

Im Folgenden sind einige häufig verwendete Plug-Ins, Tools, Software usw. aufgeführt, die ich für die Front-End-Entwicklung zusammengestellt und gesammelt habe. Sie entsprechen der Erstellung eines kleinen Backups für Ihren Computer Ich werde sie in Zukunft zusammenfassen. Sie können sie vorerst einfach selbst googeln.

【Firefox-Plug-in】

1. Firefbug – Seiten-Debugging-Tool

2. YSlow – Webseiten-Bewertungstool

3. Pixel Perfect – Vergleich zwischen HTML und Designentwurf

4. CSS-Nutzung —— Tool zur Optimierung der CSS-Nutzungseffizienz

5. Seitengeschwindigkeit – Optimieren Sie Webseiten schnell, ähnlich wie bei YSlow

6. Measureit —— Echtzeit-Messtool

7. Fiddler —— Ein leistungsstarkes Tool zur lokalen Anpassung von Seitenstilen

8. DNS-Flusher – DNS-Aktualisierungstool

9. Colorzilla – Echtzeit-Farbauswahltool

10. Webentwickler —— Überprüfen Sie die relevanten Informationen der Webseite

11. FireMobileSimulator —— Mobiltelefon simulieren

12. JavaScript Dubugger —— JavaScript-Fehlerbehebung

13. Greasemonkey – Skript-Applet

14. Firecookie —— Cookie

【Chrome-Plug-in】

1. Toller Screenshot – Webseiten-Screenshot

2. Benutzer-Agent-Umschalter – Anzeigegerät wechseln

3. Webentwickler – Überprüfen Sie die relevanten Informationen der Webseite

4. Fenster-Resizer – Auflösung ändern

5. YSlow – Webseiten-Bewertungstool

6. Browser-Kompatibilitätserkennung

[Häufig verwendete URL-Tools für die Front-End-Entwicklung]

Web-Farbanpassung

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-Button-Generator

http://www.wordpressthemeshock.com/css-drop-shadow/

http://css3buttongenerator.com/

CSS Image Composer

http://csssprites.com/

http://cn.spritegen.website-performance.org/

CSS-Code-Inspektion

http://csslint.net/

Ajax-Ladebild

http://ajaxload.info/

http://preloaders.net/

CSS-Hack-Tabelle

http://centricle.com/ref/css/filters/

Browsermarkt

http://tongji.baidu.com/data/browser

Testen Sie die Browserunterstützung 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/de/vorlagen/

CSS-Komprimierung

http://www.csscompressor.com/

Gemeinsame CSS-Schriftarten

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-Raster-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://ikeepu.com/bar/20143449

http://codepad.org/

Prototyp-Design-Tool

https://gomockingbird.com/mockingbird/#

http://www.jotform.com/

[Lokale und häufig verwendete Software und IDE-Editoren]

1. MarkMan – Designer, ein Muss für Front-End-Ingenieure

2. VIM —— Superschneller Editor

3. Adobe PhotoShop CS6 —— Exklusiv zum Bildschneiden

4. IE-Tester —— Überprüfen Sie die Seitenkompatibilität

5. Fiddler2 —— Erkennungsanfrage

6. Beyond Commpar – Dateivergleich

7. GIT – Verteilte Versionskontrolle

8. Opera Mobile Emulator – Mobiler Browser

9. EINFACH WENIGER

Herzlichen Glückwunsch, dass Sie die meisten der oben genannten Tools beherrschen. Sie sind nicht weit davon entfernt, ein ausgezeichneter Front-End-Designer zu werden~~