A continuación se presentan algunos complementos, herramientas, software, etc. de uso común para el desarrollo frontal que he compilado y recopilado. Es equivalente a hacer una pequeña copia de seguridad de la computadora. En cuanto a cómo usarlo, lo resumiré en el futuro. En la actualidad, es mejor buscarlo en Google usted mismo.
【Complemento de Firefox】
1. Firefbug - Moderador de la página
2. Yslow - Herramienta de calificación web
3. Píxel Perfecto - Comparación de HTML y Borrador de diseño
4. Uso de CSS - Herramienta de optimización de eficiencia de uso de CSS
5. Velocidad de la página: optimice rápidamente las páginas web similares a YSLOW
6. Medido - Herramienta de medición en tiempo real
7. Fiddler - herramienta de estilo de página local
8. DNS FLUHER - Herramienta de actualización DNS
9. Colorzilla - Herramienta de selección de color en tiempo real
10. Desarrollador web: consulte la información relevante de la página web
11. Firemobilesimulador - Simular teléfonos móviles
12. JavaScript Dubugger - Errores de JavaScript
13. Greasemonkey - Applet de script
14. Firecookie - Cookie
【Complemento Chrome】
1. Awesome captura de pantalla - Captura de pantalla de la página web
2. Switcher de agente de usuario: cambie el dispositivo de visualización
3. Desarrollador web: consulte la información relevante de la página web
4. Resolución de la ventana - Cambiar resolución
5. YSLOW - Herramienta de calificación web
6. Detección de compatibilidad del navegador
[Herramientas de URL comunes para el desarrollo front-end]
Coincidencia de color 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
Generador 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/cssgradientbackgroundmaker/
Generador de botones CSS3
http://www.wordpressthemeshock.com/css-drop-shadow/
http://css3buttongenerator.com/
Sintetizador de imágenes CSS
http://csssprites.com/
http://cn.spritegen.website-performance.org/
Verificación del código CSS
http://csslint.net/
imagen de carga de Ajax
http://ajaxload.info/
http://preloaders.net/
Mesa de pirateo de CSS
http://centricle.com/ref/css/filters/
Mercado
http://tongji.baidu.com/data/browser
Pruebe el soporte del navegador para CSS3
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
Detectar la experiencia del usuario
http://gtmetrix.com/
Generador de plantillas CSS
http://blog.html.it/layoutgala/
http://www.mycelly.com/
http://www.intensivstation.ch/en/templates/
Compresión CSS
http://www.csscompressor.com/
Fuentes comunes para CSS
http://cssfontstack.com/
http://www.google.com/webfonts#
http://www.dafont.com/
Transformación CSS3
http://www.useragentman.com/ietransformstranslator/
Curva CSS3 Bezier
http://cubic-bezier.com/#.47,.73,1,.41
Herramienta de cuadrícula Yui CSS
http://developer.yahoo.com/yui/grids/builder/
Optimización y embellecimiento del código JavaScript
http://js.clicki.cc/
Demostración de código
http://jsfiddle.net/
http://jsbin.com/#html,live
http://ikeeper.com/bar/20143449
http://codepad.org/
Herramientas de prototipos
https://gomockingbird.com/mockingbird/#
http://www.jotform.com/
【Software local y comúnmente utilizado y editor IDE】
1. Markman: un diseñador, imprescindible para los ingenieros front-end
2. Vim - Editor Super Fast
3. Adobe Photoshop CS6 - Corte de imágenes Especial
4. IE Tester - Verifique la compatibilidad de la página
5. Fiddler2 - Solicitud de detección
6. Más allá de Commpar - Comparación de archivos
7. Git - Control de versiones distribuidas
8. Opera Mobile Emulator - navegador móvil
9. Simpliss - Menos
Habiendo dominado la mayoría de las herramientas anteriores, felicitaciones, no está lejos de ser un excelente diseñador frontal ~~