Web Responsive Design Ejemplos Practicos Toc
-
Upload
cesar-augusto-vargas-alvarez -
Category
Documents
-
view
221 -
download
2
description
Transcript of Web Responsive Design Ejemplos Practicos Toc
Web Responsive Design. Ejemplos prcticosAprende a poner en prctica los principios del responsive designndice del curso I ntroducci naResponsi veDesi gnApl i cado Introduccin al diseo web responsive 01: 06 Los ejercicios del curso de Responsive Design Aplicado 01: 22 Compatibilidad con versiones antiguas de Explorer 01: 40 El proyecto de diseo responsive terminado 02: 12 Pl ani fi caci nderesponsi vedesi gns Planificacin de los contenidos del sitio web 10: 43 Creacin de mockups 08: 60 Planeamos la experiencia de usuario para nuestro responsive design 05: 20 Estructuramos las regiones de la pgina 05: 29 Estructuramos el contenido pensando en mltiples dispositivos 08: 40 Construccin de Responsive Layouts Control amos elvi ewport 03: 05 Definimos los estilos por defecto 07: 46 Determi namos l os breakpoi nts delconteni do 05: 11 Defi ni mos medi a queri es 05: 49 Construccin del layout bsico para ordenador 06: 17 Construccin del layout bsico para tablet 05: 28 Construccin del layout bsico para mviles 04: 23 Depuraci n dell ayout de ordenador 10: 17 Depuraci n dell ayout de tabl et 08: 11 Depuraci n dell ayout de mvi l 07: 12 Navegaci nresponsi ve Definimos la estrategia de navegacin responsive 04: 09 Creacin de la estructura bsica de los mens 05: 30 Aplicamos los estilos bsicos a los mens 09: 35 Utilizacin de sprites CSS en los mens 05: 47 Creacin de estructuras complejas de mens 06: 03 Utilizacin de jQuery para el comportamiento de los mens 07: 28 Respuesta a los cambios de tamao de pantalla 03: 32 Minimizamos mens para tamaos pequeos de pantalla 06: 28 Expandi mos submens medi ante eventos touch 04: 29 Reemplazamos los estilos hover con touch 08: 05 Reseteamos los mens en pantallas grandes 06: 10 Aprende a tu ritmo1 / 2 copyri ght 2014 vi deo2brai n. Todos los derechos reservadosvideo2brain y el logo de video2brain son marcas registradas de video2brain. Prevencin de conflictos 03: 18 Aadimos fallbacks 04: 20 Reempl azamos di nmi camente l os mens 04: 20 Convertimos mens en selects 08: 12 Convertimos selects en mens 03: 19 Creaci nderesponsi vemedi a Creacin de imgenes fluidas 09: 01 Generamos un vdeo fluido 05: 10 Uso de CSS en lugar de imgenes 06: 20 Visin de conjunto de la galera de imgenes 02: 49 Estructuramos una galera de imgenes responsive 03: 10 Controlamos los estilos de la galera 07: 37 Aadimos la funcionalidad a la galera de imgenes 07: 13 Mej oramossi ti osparamvi l es Campos de formulario HTML5 03: 58 Aadimos funcionalidad para mviles 04: 22 Aadimos iconos para la pantalla de entrada 03: 43 Gesti nderecursosparadi seoresponsi ve Visin general de Modernizr y Respond.js 03: 14 Cargamos recursos con Modernizr 04: 28 Carga condicional de recursos 04: 36 Testeamos sitios responsive 02: 47 Conclusin de Responsive Design Aplicado Recursos adicionales de diseo responsive 02: 11 2 / 2 copyri ght 2014 vi deo2brai n. Todos los derechos reservadosvideo2brain y el logo de video2brain son marcas registradas de video2brain.