Skip to content

rapahaeru/teste-responsivo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

############################################################### Suporte pra imagens multi-dimensionais para economizar banda ############################################################### Riloadr (bem completa) https://github.com/tubalmartin/riloadr

jQuery Picture (simples de se aplicar) https://github.com/Abban/jQuery-Picture

Adaptive Images mais completa e recomendada, nao precisa de alteração no html, apenas uma necessidade de PHP e no .htaccess

http://adaptive-images.com/

########################################################### DEMOS DE ICON FONTS utilizados como pequenos icones que permitem alterar em tempo real, propriedades de css.

http://css-tricks.com/examples/IconFont/

Referencias de icon fonts gratuitos :

Glyphicons => http://glyphicons.com/ Font squirrel => http://www.fontsquirrel.com/tools/webfont-generator (font face)

###############################################################

IMAGENS Jpeg para imagens PNG para icones CSS Sriptes Generator => http://spritegen.website-performance.org/

###############################################################

MEDIA QUERIES - BREAKPOINTS

Less framework Os próprios comentários do Less framework já ajudam bastate http://lessframework.com/

Skeleton É bem especifico ao propor breakpoints. (mais detalhado) http://www.getskeleton.com/

Twitter bootstrap Menos detalhado que o Skeleton, mas da conta do recado http://getbootstrap.com/2.3.2/

Soluções javascript para <IE9 Respond Suporta apenas parametros min-width e max-width, mas é bastante eficiente no qeu se propoe https://github.com/scottjehl/Respond Não esquecer de utilizar o comentario condicional

About

Primeiro teste com site com resposividade

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published