The past few months have ushered in a golden era for CSS and Web UI.
Here are 20 of the most exciting and impactful features that landed recently or are coming soon.
Authored by @una, @argyleink, and yours truly.
developer.chrome.com/blog/wh…
#css#webanimations#webdev
¿Queréis comenzar con animaciones CSS?
Keyframes es un editor con UI para crear visualmente animaciones CSS.
La interfaz gráfica genera el código CSS necesario para que podáis utilizar la animación en cualquier proyecto 👇
keyframes.app
🎉 Shipping with Chrome 104 (released today) are individual CSS properties to do transforms.
From now on you can transform elements with the translate, rotate, and scale properties. Supported in all browser engines!
🔗 Read the post here: web.dev/css-individual-trans…
🚨 Shipping in Chrome 105 is the one you've been waiting for... CSS :has() 🙌
The "parent" selector 🤯
But, it can do much more 💪
Check out my latest article on developer.chrome.com to find out how!
Including these CSS only form animations 🔥
👉 developer.chrome.com/blog/ha…
Cascading CSS Text Effects! ✨
– Animate/transition on scroll 📜
– Powered by CSS custom properties 💪
Kinda dig the "Expanding" one, how about you? 🤓
👉 codepen.io/jh3y/pen/gOeGmRN via @CodePen
Me ha gustado mucho esta viñeta para entender la diferencia entre “while” y “do while” 😂
ALT Viñeta en la que aparece el correcaminos parado al borde de un precipicio y encima un bocadillo con un bucle while(not edge) {run()} y el coyote que sigue corriendo después de haberse pasado el precipicio, con un bocadillo encima con un bucle do{ run() } while (not edge)
Hola Comunidad 👋
Ya tenemos fecha para nuestro próximo evento 🎉, el tema es: De Medellín a Montreal... aprendiendo a programar en Francés
📅 Sábado 11 Junio 2022
⏰ 9:30 a.m. GTM-5 🇨🇴 - 3:30 p.m. GMT 2 🇪🇸
📍: Twitter space @medellincss
🚀¿Estáis empezando con @figma?
🔁 Sortearé 5 plazas para un taller de iniciación entre todos los RT
⏰ Sorteo en directo mañana a las 21:00 CEST en Twitch
twitch.tv/thecosmicred