Upload
ykro
View
1.714
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Presentación del JoomlaDay 2012 sobre interfaces y como empezar con responsive web design
Citation preview
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á[email protected]
@ykro