############################################################### 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