Desabilite seu adblock e script blocker para visualizar esta página

Sites para auxiliar na produção web

Sites para auxiliar na produção web

Postado em Estudos   - Tags , , , ,

Lista com diversos sites sites para auxiliar na produção web, frameworks e técnicas para tornar o processo mais ágil.

BOOTSTRAP

http://getbootstrap.com
http://globocom.github.io/bootstrap   FRAMEWORK BOOTSTRAP PARA FRONT-END USADO PELO GLOBO.COM
http://vandelaydesign.com/blog/tools/13-resources-to-design-for-bootstrap/ RECURSOS PARA USAR COM BOOTSTRAP
http://bootply.com

LAYOUT

http://www.mockflow.com/ – WIREFRAMES
https://webflow.com WIREFRAMES QUE EXPORTA CSS E HTML – VÍDEO TUTORIAL http://vimeo.com/69784344
http://960.gs  FRAMEWORK PARA GRID DE LAYOUT COM MÁXIMO DE 960 px  PARA O CONTEÚDO.
http://stuffandnonsense.co.uk/blog/about/320_and_up/
http://lessframework.com
http://tableless.com.br/usando-o-plugin-960gs-e-o-photoshop/#.UfgDuY3VCSp
http://www.fontsquirrel.com/tools/webfont-generator   TRANSFORMA A FONTE EM DIFERENTES FORMATOS E GERA CÓDIGO CSS DA FONTE
http://tableless.com.br/sobre-cor-e-webdesign/#.UfgDu43VCSp   –  CORES
http://tableless.com.br/guia-de-estilos
http://stuffandnonsense.co.uk/projects/320andup/   –  FRAMEWORK PARA LAYOUT
http://gumbyframework.com/  –  FRAMEWORK PARA LAYOUT
http://elasticss.com/  –  FRAMEWORK PARA LAYOUT
http://tableless.com.br/padroes-complexos-de-navegacao-no-design-responsivo
http://jquerymobile.com
http://jqueryui.com

CSS

http://css3maker.com – GERADOR DE CSS3
http://tableless.com.br/modos-de-mesclagem-em-css/#.UfgDu43VCSp
http://teamtreehouse.com – TUTORIAIS CSS HTML
http://pt.spritegen.website-performance.org   GERADOR DE SPRITES CSS – IMAGENS AGRUPADAS
http://learnlayout.com/toc.html   –  UTILIZAÇÃO DE CSS
http://www.toprated.com.br/css-hacks-ie6-ie7-firefox
http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf
http://lesscss.org   –  LESS – LINGUAGEM DINÂMICA PRA CSS
http://daneden.me/animate  –  GERA CÓDIGO DE CSS PRA ANIMAÇÃO

Produção web – TESTES NAVEGADOR

http://browsershots.org/
https://quirktools.com/screenfly/  –  TESTE DE LAYOUT
http://tools.pingdom.com/fpt/    – TESTE DE VELOCIDADE E CARREGAMENTO DAS PÁGINAS
http://developers.google.com/speed/pagespeed/insights/   TESTE DE VELOCIDADE E CARREGAMENTO DAS PÁGINAS
http://www.agenciamestre.com/ferramentas-seo/gerador-de-metatags/

IMAGENS / ÍCONES

http://icomoon.io  – GERADOR DE ÍCONES
http://fontello.com  – GERADOR DE ÍCONES

REFERÊNCIAS / EXPERIMENTOS

http://www.thefwa.com
http://www.awwwards.com
http://www.css3.info/preview/css3-transitions/
http://css-tricks.com/
http://lab.hakim.se  – TESTES COM CSS3
http://speckyboy.com/2013/02/07/twitter-bootstrap-gui-toolbox/