() translation by (you can also view the original English article)
En los primeros días de la web, la animación se hizo conocida por todos esos efectos complejos y torpes que pueden parecer geniales pero que se cargan lentamente y, a menudo, son confusos de usar.
Pero cuando se usa de la manera correcta, la animación puede ser una herramienta fantástica para que los diseñadores web la tengan en su kit. Pequeñas cantidades de movimiento sutil y llamativo son una excelente manera de ayudar a los usuarios a interpretar las interfaces y orientarse en su sitio o aplicación.
¿Estás actualizado con las últimas técnicas de animación web utilizando CSS, JavaScript, easing, SVG y marcos especiales como GreenSock Animation Platform?
Si no es así, no te preocupes, aquí hay nueve cursos que le enseñarán todo lo que necesitas saber.
1. Animación web práctica
En este curso, el instructor de Envato Tuts + Craig Campbell te mostrará formas prácticas de crear animaciones para botones, tablas de precios y otros elementos web, utilizando CSS y jQuery concisos para hacerlo.
2. Plataforma de animación GreenSock: primeros pasos
GreenSock es un marco de JavaScript que facilita la animación de elementos HTML. Durante este curso, darás tus primeros pasos para aprender a usar este poderoso marco. Siempre que tengas un conocimiento de HTML y CSS, junto con un conocimiento básico de JavaScript, estarás equipado con todo lo que necesitas para seguir adelante.
3. Animación avanzada con complementos GSAP
Este curso es un seguimiento ideal del mencionado anteriormente. En este curso, irá más allá de los conceptos básicos de la animación GreenSock mientras el instructor de Envato Tuts + Craig Campbell lo lleva a un recorrido por los complementos que se envían con GSAP.
4. Tres proyectos GreenSock: animación práctica con GSAP
En el tercer curso GSAP, Craig Campbell lo guiará a través de tres proyectos en los que aprenderás a crear animaciones programáticas, en escenarios del mundo real, utilizando la plataforma de animación GreenSock. Aprenderás a crear un precargador animado, una animación de logotipo SVG y un control deslizante de contenido personalizado.
5. Animar con Snap.svg
SVG es una forma poderosa de crear gráficos basados en vectores que cambian de tamaño sin problemas. En este curso, aprenderás a utilizar el marco de JavaScript Snap.svg para crear, controlar y animar tus SVG con facilidad.
6. Facilitar las funciones de Bézier cúbico
Una forma de darle un poco más de vida y un poco más de personalidad a la animación en la web es experimentar con diferentes configuraciones de relajación. En este curso de Coffee Break rápido de diez minutos con Guy Routledge, aprenderás qué es la relajación, por qué es útil, cómo controlarla y cómo aplicarla en el contexto de CSS.
7. Puesta en marcha con transiciones CSS
En este curso de Coffee Break, Craig Campbell te mostrará todo lo que necesitas saber para comenzar rápidamente a crear animaciones utilizando las propiedades de transición de CSS. En solo diez minutos, aprenderás a crear movimiento utilizando solo unas pocas propiedades de CSS.
8. Puesta en funcionamiento con animaciones de fotogramas clave CSS
Este curso de Coffee Break te enseña cómo crear animaciones utilizando el fotograma clave CSS y las propiedades de animación. En solo diez minutos, aprenderás a crear animaciones en el navegador sin tener que depender de complementos externos o programación extensa.
9. Bibliotecas CSS esenciales para diseñadores web
En este curso, aprenderás a usar diez bibliotecas CSS esenciales para diseñadores web, disponibles hoy. Aprenderás sobre restablecimientos, animaciones, transiciones y bibliotecas relacionadas con la tipografía. Aprenderás con Adi Purdila y usarás Bower para administrar tus proyectos, asegurándote de que todo esté actualizado y sea de fácil mantenimiento.
Empieza a aprender con una prueba gratuita
Puedes tomar todos estos y más cursos de diseño web con una prueba gratuita de 10 días de nuestra suscripción mensual. Así que comienza hoy y obtén un dominio de la animación CSS que impresionará a tus clientes y hará que los diseños de tu sitio web se destaquen.
