Código de apoyo en la presentación del día 8 de Mayo de 2022 en JS Day Canarias.
Las diapositivas de la charla que incluyen todo el contenido de la presentación.
Introducen las variables en CSS, sus origienes, la sintaxis, errores y sus diferentes usos.
¡Olivda los selifes y el postureo! Enseña tus gráficos más molones en Instagraph.
Tras la presentación, tenemos este pequeño proyecto que nos empieza a enseñar las bondades de usar CSS variables.
Funcionalidades aparentemente complejas como cambiar el tema de la página o poder redimensionar imágenes, se simplifican enormemente al disponer de variables en CSS.
¡Elimina tus malos hábitos!
Tras la presentación y ver el éxito de Instagraph, seguimos indagando en el uso de CSS variables.
En este caso veremos como un atributo de CSS "complejo" como puede ser box-shadow se puede simplificar enormemente
con el uso de variables, y mejorar la legibilidad del mismo.
El futuro de la humanidad está escrito (por Isaac Asimov). Esta web es para leer un pequeño cuento corto que nos avisa de lo que está por venir
En este caso empezamos a comunicar JS y CSS a través de las variables, permitiendo cambiar dinámicamente el valor de los atributos de CSS, sin estarlo remplazando con JS y sin usar inline styles.
Una foto bonita de gatitos nunca hizo mal a nadie.
Cogiendo todo lo aprendido en la presentación, montamos un efecto bastante chulo sobre una foto de gatitos con muy pocas líneas de código.