Interfaces y Responsive Web Design para todos

Interfaces y RWD para todos

Adrián Catalánadriancatalan@elementalgeeks.com

@ykro

DESCARGO DE RESPONSABILIDAD

ESTE ES DE LOS QUE NO DISEÑAN NI UN BOTÓN

¿por qué móviles?

todos

TODOS

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

CONTENIDO

http://www.alistapart.com/articles/responsive-web-design/

“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

Volviéndonos Responsive

1.Grid e imágenes fluídas

2.Media queries3.Llorar4.Todo listo

1

http://blueprintcss.org/

http://lessframework.com/

LESS

http://framelessgrid.com/

FRAMELESS

http://960.gs/

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

http://www.netmagazine.com/tutorials/create-fluid-width-videos

2

@media

http://mediaqueri.es/

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

3

4

no es tan fácil

frameworks

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

Bootstrap

http://foundation.zurb.com/

Foundation

ejemplos

http://www.antarcticstation.org/

http://thisismadebyhand.com/

http://bostonglobe.com/

Adrián Catalánadriancatalan@elementalgeeks.com

@ykro