Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Web Design - Reinventando la web

Swwweet
April 27, 2012

Responsive Web Design - Reinventando la web

Presentación de Javier Usobiaga en el Ideateca HTML5 DevUp 2012.

Swwweet

April 27, 2012
Tweet

More Decks by Swwweet

Other Decks in Technology

Transcript

  1. ¿Qué es el responsive web design? ¿Qué es el responsive

    web design? ¿Qué es el respoNsive web design?
  2. 2012 2012 2012 + + la web mide 1200px y

    320px y 768px y 1800px +
  3. 2012 2012 2012 la web mide 256px y 320px y

    426px y 480px y 560px y 640px y 768px y 800px y 960px y 1024px y 1280px y 1440px y 1600px y 1800px… + + + +
  4. LA WEB ES LA WEB ES LA WEB ES fluida

    universal multidispositivo
  5. MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES cambiar el layout cambiar

    los estilos aumentar el tamaño de la tipografía
  6. 2. Diseño y front-end, juntos El proceso está lleno de

    decisiones que se toman sobre la marcha.
  7. 9. Diseña en el navegador Toma decisiones de diseño a

    medida que ves cómo quedan en pantalla.
  8. 10. Diseña todo a la vez Desarrolla pensando en los

    diferentes tamaños al mismo tiempo.
  9. EN RESUMEN EN RESUMEN EN RESUMEN no se puede dominar

    la web RWD es una solución viable si cambiamos la mentalidad