Exposición de Responsive Design por @UchihaCFC para #mejorandocurso

1. Responsive Design
Frameworks – Skeleton
Generación Mejorandola
#mejorandocurso
@UchihaCFC

2. ¿Qué es Responsive Design?
Maquetando con el estándar Responsive Desing podremos crear diseños web
que se adapten a cualquier tipo de resolución de pantalla, desde los ya tan
conocidos sistemas portátiles como smartphones o tablets hasta a los PC de
siempre así como laptops o netbooks.

3. ¿Por qué Responsive Design?
Solo tendremos que realizar un diseño, no uno para cada dispositivo (adiós al
misitio.com, m.misitio.com, ipad.misitio.com).
Nuestra web tendrá mayor accesibilidad .
Facilita el trabajo a Google, lo que nos hará menos tediosa la tarea de un mejor
posicionamiento que con varios sites por dispositivo.
Ejemplo de web responsive : http://www.mejorando.la

4. Frameworks – Responsive Design
¿Qué son? Skeleton
Los frameworks nos ayudarán y Es uno de los mas fáciles e intuitivos
facilitarán la vida a la hora de para comprender el funcionamiento de
Responsive por primera vez, teniendo
crear una web responsive en los
una base consolidada de CSS3
menores pasos posibles y de anteriormente.
forma intuitiva, sin la necesidad de
comenzar totalmente de 0 la
estructura de nuestro site.
Entre los más populares tenemos:
Foundation,Less,Inuit,
GetSkeleton… Descarga y másinfoen:
http://www.getskeleton.com/

5. Responsive Design - Skeleton
Llega a todo, llega a todos, sé Responsive
#mejorandocurso - @UchihaCFC

6. Responsive Design - Skeleton
Llega a todo, llega a todos, sé Responsive
#mejorandocurso - @UchihaCFC