Presentación del JoomlaDay 2012 sobre interfaces y como empezar con responsive web design

1. Interfaces y RWD para
todos
Adrián Catalán
adriancatalan@elementalgeeks.com
@ykro

2. DESCARGO DE
RESPONSABILIDAD
ESTE ES DE LOS
QUE NO DISEÑAN
NI UN BOTÓN

9. ¿por qué
móviles?

11. todos

13. TODOS

15. http://phonecount.com/pc/count.jsp

16. CONTENIDO

17. “ We can design for an optimal viewing
experience, but embed standards-
based technologies into our designs to
make them not only more flexible, but
more adaptive to the media that
renders them.
Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design/

21. Volviéndonos
Responsive

23. 1.Grid e imágenes
fluídas
2.Media queries
3.Llorar
4.Todo listo

28. http://blueprintcss.org/

29. LESS
http://lessframework.com/

30. FRAMELESS
http://framelessgrid.com/

31. http://960.gs/

32. http://www.alistapart.com/articles
/fluidgrids

33. http://www.netmagazine.com/tuto
rials/create-fluid-width-videos

35. @media

38. http://mediaqueri.es/

40. http://code.google.com/p/css3-
mediaqueries-js/

46. no es
tan fácil

50. frameworks

51. Bootstrap
http://twitter.github.com/bootstrap/

52. Foundation
http://foundation.zurb.com/

53. ejemplos

54. http://www.antarcticstation.org/

55. http://thisismadebyhand.com/

56. http://bostonglobe.com/

57. Adrián Catalán
adriancatalan@elementalgeeks.com
@ykro