• Dispositivos em geral
• Displays com resoluções e/ou densidades diferentes

POR QUE?

• Maximum viewport width of 480px
  @media screen and (max‐width:480px) { ... }
  
  
• Landscape orientation
  @media all and (orientation:landscape) { ... }
  
  
• Widescreen displays (16:9)
  @media screen and (device‐aspect‐ratio: 16/9) {...}
  
  
• Display with minimum width of 400px and maximum of 700px 
  @media (min‐width: 400px) and (max‐width: 700px) {...}

• É muito estável falando em termos de cross-browser
  
  
• Design responsivo com mais facilidade*
  
  
• Fazer o código ficar mais documentável
  
  
• Mais fácil de trabalhar com equipes maiores, devido às
  documentações de cada framework
  
  
• Curva de aprendizado rápido**

• Profound Grid (http://www.profoundgrid.com/)
  
  
• PureCSS (http://purecss.io/)
  
  
• TopCoat (http://topcoat.io/)
  
  
• Semantic UI (http://semantic-ui.com/)
  
  
• Skeleton (http://www.getskeleton.com/)
  
  
• Gumby (http://gumbyframework.com/)
  
  
• HTMLKickstart (http://www.99lime.com/elements/)
  
  
• 320andUP (http://stuffandnonsense.co.uk/projects/320andup/)

• JPEGmini (http://www.jpegmini.com)
  

• tinyPNG (http://tinypng.org/)
  

• Imagens Vetoriais
  
• Geralmente são mais leves
  
• Retina Friendly
  
• Existem scripts para fallback com PNG
  http://www.fileformat.info/convert/image/svg2png.htm
  
• Suporte aos navegadores mais recentes (IE9+)
  http://caniuse.com/svg
  
• http://snapsvg.io/
  
• http://www.broken-links.com/2013/11/20/cross-browser-filters-css-svg/

• Spritecow (http://www.spritecow.com)
• Stitches (http://draeton.github.com/stitches)
• CSS Sprites Generator (http://css-sprit.es)

• Icomoon (http://icomoon.io) Fontello (http://fontello.com)
• Pictonic (https://pictonic.co/fontbuilder) Pictos (https://my.pictos.cc/builder)
• Zurb Icon Font (http://foundation.zurb.com/icon-fonts)
• FontAwesome (http://fontawesome.com) http://jefff.co/misc/svg/
• Raphäel SVG icons (http://raphaeljs.com/icons)
• Zurb SVG icons (http://foundation.zurb.com/social-icons)
• SVG Icon Generator (http://www.kkj.no/apps/windows-phone-svg-icon-generator.htm)