Abaixo estão alguns plug-ins comumente usados, ferramentas, software etc. para o desenvolvimento do front-end que eu compilei e colecionei. É equivalente a fazer um pequeno backup do computador. Quanto a como usá -lo, resumirei no futuro. No momento, é melhor pesquisar no Google.
【Plugin Firefox】
1. Firefbug - Moderador de página
2. YSLOW - Ferramenta de classificação da Web
3. Pixel Perfect - Comparação de HTML e Rascunho de Design
4. Uso do CSS - Ferramenta de otimização de eficiência de uso do CSS
5. Velocidade da página- otimize rapidamente as páginas da web semelhantes a YSlow
6. Medida - ferramenta de medição em tempo real
7. Fiddler - Ferramenta de estilo de página local
8. DNS Flusher - DNS Refresh Tool
9. Colorzilla - Ferramenta de seleção de cores em tempo real
10. Desenvolvedor da Web - Verifique as informações relevantes da página da web
11. Firemobilesimulator - simular telefones celulares
12. JavaScript Dubugger - Erros de JavaScript
13. Greasemonkey - Appleto de script
14. Firecookie - Cookie
【Plugin Chrome】
1. Captura de tela incrível - captura de tela da página da web
2. Switter -agente do usuário - Alterne o dispositivo de exibição
3. Desenvolvedor da Web - Verifique as informações relevantes da página da web
4. RESISERTIM DO JANEIA - Altere a resolução
5. YSLOW - ferramenta de classificação da web
6. Detecção de compatibilidade do navegador
[Ferramentas comuns de URL para desenvolvimento front-end]
Correspondência de cores na 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
Gerador 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/
Gerador de botão CSS3
http://www.wordpressthemeshock.com/css-drophadow/
http://css3buttongenator.com/
CSS Synthesizer
http://csssprites.com/
http://cn.spritegen.website-performance.org/
Verificação do código CSS
http://cssslint.net/
Imagem de carregamento de Ajax
http://ajaxload.info/
http://preloaders.net/
Tabela de hackers CSS
http://centricle.com/ref/css/filters/
Mercado do navegador
http://tongji.baidu.com/data/browser
Teste o suporte do navegador para CSS3
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
Detecte a experiência do usuário
http://gtmetrix.com/
Gerador de modelo CSS
http://blog.html.it/layoutgala/
http://www.mycelly.com/
http://www.intensivstation.ch/en/templates/
Compressão CSS
http://www.csscompressor.com/
Fontes comuns para CSS
http://cssfontstack.com/
http://www.google.com/webfonts#
http://www.dafont.com/
CSS3 Transform
http://www.useragentman.com/ietransformstranslator/
Curva Bezier CSS3
http://cubic-bezier.com/#.47,73,1,.41
Ferramenta de grade yui css
http://developer.yahoo.com/yui/grids/builder/
Otimização e embelezamento de código JavaScript
http://js.clicki.cc/
Demoção de código
http://jsfiddle.net/
http://jsbin.com/#html,live
http://ikeeper.com/bar/20143449
http://codepad.org/
Ferramentas de prototipagem
https://gomockingbird.com/mockingbird/#
http://www.jotform.com/
【Local e comumente usado software e editor de IDE】
1. Markman-um designer, um must-have para engenheiros de front-end
2. Vim - editor super rápido
3. Adobe Photoshop CS6 - Corte de imagens Especial
4. IE Testador - Verifique a compatibilidade da página
5. Fiddler2 - Solicitação de detecção
6. Além do Commpar - Comparação de Arquivos
7. Git - Controle de versão distribuída
8. Emulador de Opera Mobile - navegador móvel
9. Simply - menos
Tendo dominado a maioria das ferramentas acima, parabéns, você não está longe de ser um excelente designer de front-end ~~