Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

Curso CSS Avanzado [Aprende a crear animaciones para la web]

  • 0 Respuestas
  • 2423 Vistas

0 Usuarios y 2 Visitantes están viendo este tema.

Desconectado Mr.Kratos

« en: Julio 30, 2018, 04:37:41 pm »


 Datos Técnicos.
Formato: .m2ts
 Resolución: 1280x720p
 Tamaño: 3.12 GB
 Idioma: Español
 Formadores: Álvaro Felipe
 Contenido: 4 Modulos
 Duración: X:xx horas
 Fecha de publicación: 2018
 Empresa: EDTeam (Escuela Digital)

Información de: CSS Avanzado – Animaciones

En este curso avanzado de CSS vas a aprende a crear animaciones para la web usando sólo CSS  que generen impacto (sin tener conocimientos de javascript) . Potencia  la interacción con el usuario y aumenta la usabilidad de tus proyectos.  Las animaciones convierten un proyecto aburrido en uno lleno de  vida y que los usuarios y clientes aman, aprende con el mejor profesor  de CSS en habla hispana.
Contenido del curso CSS Animaciones

Modulo 1
Introducción
Cambios de estado (triggers CSS)
 Propiedades animables y no animables
 Estado inicial de las propiedades
 Tipos de animaciones: transiciones y animaciones
Transiciones
Transition-property
 Transition-duration
 Transition-delay
 Transition-timing-function (ease, ease in, ease out, etc)
 Shorthand transition
Modulo 2
Animaciones (I)
@eyframes
 animation-name
 animation-duration
 animation-iteration-count
 animation-direction
 animation-timing-function
 animation-delay
 animation-fill-mode
 animation-play-state
 Shorthand Animation
Animaciones (II)
Animation event (javascript)
 Controlar animaciones CSS con javascript
 Curva de la animación (cubic beizer)
 Animación de sprites (steps)
Modulo 3
Transformaciones
Transformaciones 2D
 Rotate()
 Translate()
 Scale()
 Skew()
 Transformaciones 3D
Trucos y consideraciones
Debug de animaciones desde el browser
 Trucos para mejorar el rendimiento
 Propiedad will change
 Animaciones con clip-path
 Animaciones con filtros CSS
 Animaciones con variables nativas (custom properties) de CSS
Modulo 4
Animaciones CSS y SVG
Estructura de un SVG
 Exportar desde programas de ilustración (Illustrator, Gravit Designer, Inkscape, Affinity Designer)
 Utilizar recursos web
 Propiedades CSS para SVG
 Animaciones SVG
Proyecto final (librería Open Source)
Crearemos una librería de animaciones CSS
 Utilizaremos Sass para empaquetar las animaciones en mixins
 Utilizaremos buenas prácticas de arquitectura CSS para evitar conflictos
 Se publicará en npm para que la puedan utilizar en sus proyectos





https://playpaste.com/?v=Sb


*Nota* No sabes Descargar?
Tutorial:
PASO!: Solo debes darle Click A dicho servidor Clikeado los enlaces estan dentro de un protector de enlaces.
Aqui os dejo un pequeño Gift de como hacerlo.

 

¿Te gustó el post? COMPARTILO!



[HTML][MEDIO] Crea un banner con luces LED para tus perfiles con Mint Profile

Iniciado por godmurdoc

Respuestas: 0
Vistas: 2368
Último mensaje Julio 04, 2011, 04:04:02 pm
por godmurdoc
ColorDrop, herramienta para cambiar el color de cualquier web en tiempo real

Iniciado por graphixx

Respuestas: 2
Vistas: 2504
Último mensaje Enero 07, 2016, 08:04:08 pm
por blackdrake
Como instalar el diccionario para corrección ortográfica en español en Notepad++

Iniciado por graphixx

Respuestas: 0
Vistas: 3228
Último mensaje Julio 18, 2018, 04:25:23 am
por graphixx
[VIDEOTUTORIALES] Trilogía Prestashop - Todo para montar tu tienda online

Iniciado por graphixx

Respuestas: 0
Vistas: 2406
Último mensaje Octubre 08, 2016, 10:23:39 am
por graphixx
Zoho: La alternativa a Gmail para empresas gratis - Conoces mas ?

Iniciado por graphixx

Respuestas: 4
Vistas: 4261
Último mensaje Marzo 04, 2015, 12:25:29 pm
por alexander1712