Bonus: Animando en CSS

Clase 17 de 25 • Curso de Sistemas de Diseño para Desarrolladores

Clase anteriorSiguiente clase

Juan Esteban Galvis

student•

Como dice esta clase sobre animación es solo un bonus.

Dejo el curso de animación web: https://platzi.com/clases/animaciones-web/

Luis Alejandro Vera Hernandez

student•

Ya no está :c Para cuando la actualizacion del curso @teamplatzi :c

Matías Criado

student•

El Shorthand para resumir las propiedades de animación es animation que recibe los siguiente valores en el orden descrito:

animation-name: nombreDeMiAnimación;
animation-duration: 0s;
animation-timing-function: ease-in-out;
animation-delay: 850ms;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;

De está manera podemos resumir la clase "mymove" de la siguiente manera:

.mymove {
	animation: mymove 5s infinite;
}

Nelson Alayón

student•

va a tocar tomar el otro curso

Platzi Team

student•

Siguiente curso, Animaciones 🙌

Harold David Avila Sabogal

student•

Muy versátil esta herramienta, que buen curso

Jansenio Gonzales Venegas

student•

Es recomendable hacer un sitio web en WordPress

Fabio Bustos

student•

cual es el otro curso? se nombra y se nombra y no se indica cual es

Diego Forero

Team Platzi•

Este es el curso al que hace referencia el profesor https://platzi.com/clases/sistemas-diseno/

Naldo Duran

student•

Bonus: Animando en CSS

Introducción

Qué aprenderás sobre los sistemas de diseño para desarrolladores

Conoce Sistemas de Diseño populares

Instalación y flujos de trabajo

Bonus: Personalizando la Terminal

Instalación y flujos de trabajo

Instalación de Node / Express desde 0

Bonus: html, css, js

Automatización

Automatización (Pre procesadores)

Continuando con la automatización

Paradigmas

SMACSS: Arquitectura de CSS escalable y modular

OCSS: Orientación de objetos en CSS

BEM

Bonus: Bootstrap

Naming

Naming

Qué son los tokens

¿Qué son los tokens?

Espaciado

Espaciado

Grillas

Grillas

Bonus: Animando en CSS

Mi primer componente

Mi primer componente

Documentación

Documentación

Testing

Testing

Bonus: Debug en el navegador

Deploy y versionamiento

Cómo empezar en Github

Deploy y versionamiento

Design review

Design review

Cierre