Crear páginas Web cada vez es más rápido y sencillo, ya que se ponen a nuestra disposición nuevas y mejores Tecnologías que hacen gran parte del trabajo pesado y concurrente por nosotros. En esta ocasión, vamos a ver cómo crear páginas Web más bonitas y llamativas para los usuarios, para esto vamos a usar 2 Tecnologías llamadas animate.css y wow.js.
Para usar estas tecnologías hay que ir a la página oficial a descargarlas:
Con la primera línea referenciamos animate.css, con la segunda wow.js y con la tercera inicializamos wow.js.
<link rel="stylesheet" href="css/animate.css">
<script src="js/wow.min.js"></script>
<script>new WOW().init();</script>
Para comenzar animar solo va a ser necesario agregar la clase wow y posteriormente una clase de animate.css, puedes buscar la que más te guste en la página oficial que proporcioné arriba.
Por ejemplo, si quieres animar un título (etiqueta h1) vas a hacer lo siguiente:
<h1 class="wow slideInLeft">Mi titulo</h1>
Wow.js nos permite agregar ciertos parámetros para retrasar o definir la duración de la animación, entre otras funciones:
Un ejemplo para las funciones anteriores es el siguiente:
<h1 class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s" data-wow-offset="10" data-wow-iteration="10"></h1>
Wow.js y animate.css nos proveen clases que podemos usar en cualquiera de nuestras etiquetas HTML por medio de clases, de esta forma podemos dar animaciones y nuevos eventos de funcionalidad a nuestras páginas Web, puedes ir probando diferentes animaciones de entrada, salida, zoom y más, descritas en la documentación de animate.css.
Pasar mi proyecto laravel a producción
Pasar mi base de datos Laravel a producción
Solucionar dependencias faltantes al instalar paquetes .DEB
Laravel solo carga la ruta raíz y en las otras obtengo un error del servidor
Agregar Bootstrap o CSS a los correos electrónicos en Laravel
Crear un repositorio en GitHub
Lo que debes saber sobre el desarrollo de aplicaciones móviles
Formatos de audio más utilizados
Comandos básicos para facilitar el desarrollo en Laravel
Agregar animaciones a mis páginas Web
Formato de texto con PHP (mayúsculas y minúsculas)
Al navegar y hacer uso de nuestros servicios aceptas los términos y condiciones.