馃枛 Inicio

QU脡 ES KUWORKING?

Salir

CSS y JavaScript con Gatsby para conseguir gradientes animados

100 palabras
1 minutos
October 17, 2019
cursoscssjavascriptgatsby
脷ltimos art铆culos del BLOG

- Biblioteca de recursos para desarrollo web

- Haz tu DAFO online y visualiza tus posibilidades

- Cinco estrategias de copywriting en funci贸n de tu p煤blico objetivo

- Siete pasos para promocionar una entrada de Instagram

- Nueve estrategias para copy que te ayudar谩n a estructurar tu contenido

Pr贸logo

Conseguir un gradiente animado no es trivial

Lo podr铆a ser, pero no lo es

Esto que acabo de decir puede sonar a tonter铆a, pero es frustrante que acostumbrado tu a hacer transiciones con colores, constatar que no puedes hacerlas con gradientes

Acaso los gradientes no son colores!?

No, se tratan como im谩genes, y por eso no puedes hacerlas, y aunque la explicaci贸n nos sirva sigue siendo igual de frustrante

Dicho esto, todo se puede hacer aunque como digo no es trivial, pero tampoco es rocket science

As铆 que de esto va este curso, de aprender a c贸mo hacerlo, y de aprovechar esta aplicaci贸n para profundizar tanto en css como en Gatsby

Y claro est谩, con Gatsby viene de serie todo su ecosistema, es decir, React

Y la utilidad? Qu茅 aplicaci贸n es 茅sta? Pues un gradiente animado puede ser un recurso m谩s que v谩lido para aumentar nuestro poder de seducci贸n y persuaci贸n al usuario, para convencerle de que convierta

Para muestra, esta es una de las propuestas que sale en el cap铆tulo 3

Y como digo es una excelente excusa para avanzar

En kuworking estructuro los cursos para ense帽arte lo necesario para poder hacer, y en paralelo aprender, no al rev茅s

Ir al curso

1 Entorno de trabajo

1.1 Instalar starter de Gatsby e incorporando theme-ui

2 Gradientes por css

2.1 Simple css

2.2 Animaciones

3 Gradientes con JavaScript

3.1 C贸mo funcionan los colores en JavaScript

3.2 Implementaci贸n b谩sica

3.3 Creando un loop

3.4 Cambiando todos los colores, hsl vs rgb

3.5 脷ltima iteraci贸n

4 Comentario

Newsletter de kuworking, un correo de tanto en cuanto

Quiz谩 te interese

CSS b谩sico

Curso para programar una alternativa a NProgress con Gatsby

Google Tag Manager b谩sico

Google Analytics b谩sico

Google Search Console

Privacidad
by kuworking.com
[ 2020 >> kuworking ]