Del curso: HTML5 práctico: Scroll y presentación de contenidos

Presentación del curso “HTML5 práctico: Scroll y presentación de contenidos”

Del curso: HTML5 práctico: Scroll y presentación de contenidos

Comenzar mi mes de prueba gratis Comprar para mi equipo

Presentación del curso “HTML5 práctico: Scroll y presentación de contenidos”

“

Hola, soy Jorge González Villanueva y vengo a hablarte de la generación de contenido HTML atractivo mediante el uso de librerías JavaScript. Debido a la irrupción de los dispositivos móviles, la forma en que hoy en día se plantea la navegación por las pequeñas webs ha cambiado para hacerla más fácil a los usuarios de teléfonos móviles. Han surgido varios nuevos planteamientos y uno de los más utilizados es la navegación por los contenidos de manera completamente vertical. Pero esta navegación puede ser poco atractiva y por ello han surgido diferentes librerías que permiten hacer que el uso del "scroll" para navegar por los contenidos convierta el simple movimiento vertical de estos en una experiencia atractiva que incluso además añade información al contenido de la página. A través de varios ejemplos que combinan JavaScript con CSS vamos a ver en este curso tres proyectos con los que abordar este tipo de páginas. Empezaremos con el clásico "parallax" en el que veremos contenidos moviéndose a distintas velocidades y así tendremos una parte visual que englobe grupos de otros pequeños contenidos, y luego lo complicaremos con un ejemplo que combine la animación vertical de contenidos secundarios con la animación horizontal de los contenidos primarios, sirviendo así de ejemplo de estructura para webs de tamaño medio. Y para terminar, aprovecharemos el uso del "scroll" para integrar una animación que se irá ejecutando al mismo tiempo en que vamos viendo los contenidos propios de la página y así mostrar un ejemplo muy creativo del uso de los efectos de "scroll". Añade tus propios actos de "scroll" a tus contenidos de HTML5 gracias a este curso.

Contenido