Vous trouverez ci-dessous quelques plug-ins, outils, logiciels, etc. couramment utilisés pour le développement frontal que j'ai compilé et collecté. Il équivaut à faire une petite sauvegarde de l'ordinateur. Quant à comment l'utiliser, je vais le résumer à l'avenir. À l'heure actuelle, il est préférable de le Google vous-même.
【Plugin Firefox】
1. Firefbug - Modérateur de page
2. Yslow - outil de notation Web
3. Pixel Perfect - Comparaison du HTML et du projet de conception
4. USAGE CSS - outil d'optimisation de l'efficacité de l'utilisation du CSS
5. Page Speed - Optimiser rapidement les pages Web similaires à Yslow
6. Mesurer - outil de mesure en temps réel
7. Fiddler - outil de style de page local
8. DNS Flusher - outil de rafraîchissement DNS
9. Colorzilla - outil de sélection des couleurs en temps réel
10. Développeur Web - Vérifiez les informations pertinentes de la page Web
11. FireMobileSimulator - Simuler les téléphones mobiles
12. Dubugger JavaScript - Erreurs JavaScript
13. Greasemonkey - Applet de script
14. Firecookie - Cookie
【Plugin chrome】
1. Capture d'écran géniale - Capture d'écran de la page Web
2. Switcher d'agent utilisateur - Communiquez le périphérique d'affichage
3. Développeur Web - Consultez les informations pertinentes de la page Web
4. Resizer des fenêtres - Résolution de modification
5. Yslow - outil de notation Web
6. Détection de compatibilité du navigateur
[Outils d'URL communs pour le développement frontal]
Correspondance des couleurs Web
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
Générateur CSS3
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/csgradientbackgroundmaker/
Générateur de bouton CSS3
http://www.wordpressthemeshock.com/css-drop-shadow/
http://css3buttongenerator.com/
Synthétiseur d'image CSS
http://csssprites.com/
http://cn.spritegen.website-performance.org/
Vérification du code CSS
http://csslint.net/
image de chargement ajax
http://ajaxload.info/
http://preloaders.net/
Table de piratage CSS
http://centricle.com/ref/css/filters/
Marché du navigateur
http://tongji.baidu.com/data/browser
Testez la prise en charge du navigateur pour CSS3
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
Détecter l'expérience utilisateur
http://gtmetrix.com/
Générateur de modèle CSS
http://blog.html.it/layoutgala/
http://www.myclelly.com/
http://www.intensivstation.ch/en/tremplates/
Compression CSS
http://www.csscompressor.com/
Polices communes pour CSS
http://cssfontstack.com/
http://www.google.com/webfont#
http://www.dafont.com/
Transformée CSS3
http://www.useragentman.com/ietransformstranslator/
Courbe CSS3 Bezier
http://cubic-bezier.com/#.47 ,.73,1 ,.41
Outil de grille YUI CSS
http://developer.yahoo.com/yui/grids/builder/
Optimisation et embellissement du code JavaScript
http://js.clicki.cc/
Démo de code
http://jsfiddle.net/
http://jsbin.com/#html,Live
http://ikeeper.com/bar/20143449
http://codepad.org/
Outils de prototypage
https://gomockbird.com/mockingbird/#
http://www.jotform.com/
【Éditeur de logiciels et d'IDE locaux et couramment utilisés】
1. Markman - un concepteur, un incontournable pour les ingénieurs frontaux
2. Vim - Éditeur super rapide
3. Adobe Photoshop CS6 - Picture Cutting Special
4. IE Tester - Vérifiez la compatibilité de la page
5. FIDDLER2 - Demande de détection
6. Au-delà de Commpar - Comparaison des fichiers
7. Git - Contrôle de version distribuée
8. Émulateur mobile Opera - Browser mobile
9. Simple - moins
Ayant maîtrisé la plupart des outils ci-dessus, félicitations, vous n'êtes pas loin d'un excellent concepteur frontal ~~