Carmen Ansio's banner

Carmen Ansio

@carmenansio • 67,159 subscribers

Design Systems @stripe

Shorts

A "Pull to Dark" toggle

A "Pull to Dark" toggle

102,998 次观看

📣 Generador de colores accesibles Randoma11y genera pares de colores para diseños que respetan la regla del contraste. 👉 👈

📣 Generador de colores accesibles Randoma11y genera pares de colores para diseños que respetan la regla del contraste. 👉 👈

208,464 次观看

Generador de estructuras HTML y CSS con Flexbox y Grid Layout 🤘🏻

Generador de estructuras HTML y CSS con Flexbox y Grid Layout 🤘🏻

103,577 次观看

🚀 Acaban de lanzar que será el nuevo sitio, dominio y hogar para el desarrollo de Angular. El lanzamiento de hoy incluye nuevos tutoriales, un playground y documentación actualizada que nos ayudará a la hora de construir con las últimas features de Angular.

🚀 Acaban de lanzar que será el nuevo sitio, dominio y hogar para el desarrollo de Angular. El lanzamiento de hoy incluye nuevos tutoriales, un playground y documentación actualizada que nos ayudará a la hora de construir con las últimas features de Angular.

88,713 次观看

Os comparto mi herramienta favorita ❤️ Animista es una librería creada por Ana Travas con una gran colección de animaciones CSS prefabricadas. Las podéis customizar y obtener el código generado para añadirlo a vuestra web 👇

Os comparto mi herramienta favorita ❤️ Animista es una librería creada por Ana Travas con una gran colección de animaciones CSS prefabricadas. Las podéis customizar y obtener el código generado para añadirlo a vuestra web 👇

101,416 次观看

Con Compress Image podrás: 🤏 Reducir el tamaño de tus imágenes hasta en un 90% 🧪 Comprimir imágenes JPG y PNG 🏎 Convertir tus imágenes en formato webp 💰 100% gratis y sin límites de conversión

Con Compress Image podrás: 🤏 Reducir el tamaño de tus imágenes hasta en un 90% 🧪 Comprimir imágenes JPG y PNG 🏎 Convertir tus imágenes en formato webp 💰 100% gratis y sin límites de conversión

87,487 次观看

🐝 Mega listado de APIs públicas 👀 Puedes explorar la lista por categoría 📟 Puedes utilizar el buscador para encontrar las mejores APIs

🐝 Mega listado de APIs públicas 👀 Puedes explorar la lista por categoría 📟 Puedes utilizar el buscador para encontrar las mejores APIs

55,418 次观看

🗡️ ¿Qué relación tiene CSS con Zelda? ¡Si quieres saberlo no te pierdas mañana mi charla en la miduConf! 🤯 La conferencia de Programación y Tecnología que organiza Miguel Ángel Durán 👩‍💻 7 Speakers TOP 💬 Charlas para todos los niveles 🎁 +256 regalos y premios ...¡y muchas sorpresas!

🗡️ ¿Qué relación tiene CSS con Zelda? ¡Si quieres saberlo no te pierdas mañana mi charla en la miduConf! 🤯 La conferencia de Programación y Tecnología que organiza Miguel Ángel Durán 👩‍💻 7 Speakers TOP 💬 Charlas para todos los niveles 🎁 +256 regalos y premios ...¡y muchas sorpresas!

41,191 次观看

¿Quieres aprender a construir componentes con la ayuda de CSS flexbox? 🤘🏻

¿Quieres aprender a construir componentes con la ayuda de CSS flexbox? 🤘🏻

36,855 次观看

🔮 Cero JS. 100% CSS. Cards que hacen morph, cambio de tema claro/oscuro con toggle animado, y transiciones fluidas con :has(), attr() y variables CSS. →

🔮 Cero JS. 100% CSS. Cards que hacen morph, cambio de tema claro/oscuro con toggle animado, y transiciones fluidas con :has(), attr() y variables CSS. →

21,944 次观看

¿Te cuesta elegir colores para tus proyectos? 🎨 → Paletas listas aplicadas en tiempo real. → Inspírate y afina tu UI. ¡Prueba Happy Hues!

¿Te cuesta elegir colores para tus proyectos? 🎨 → Paletas listas aplicadas en tiempo real. → Inspírate y afina tu UI. ¡Prueba Happy Hues!

23,827 次观看

✨ ¡Hice esta animación en p5.js con partículas que rebotan y cambian de color! Aquí tienes el código y una explicación paso a paso para que tú también puedas hacerlo ↓

✨ ¡Hice esta animación en p5.js con partículas que rebotan y cambian de color! Aquí tienes el código y una explicación paso a paso para que tú también puedas hacerlo ↓

23,741 次观看

Descubre cómo crear un texto degradado y responsive en CSS ↓

Descubre cómo crear un texto degradado y responsive en CSS ↓

27,407 次观看

🎉 ¡Entusiastas del CSS, atención! 🚀 🎄 ¡El #AdventOfCSS está de vuelta y este diciembre Amy Dutton nos trae algo especial! 🌟 👩‍💻 Un desafío único de 24 días, con un proyecto integral. Vas a sumergirte en la creación de un sistema de diseño completo usando el increíble framework de Storybook. 🖥️✨ 🎁 ¡Construye la interfaz de una aplicación de Amigo Secreto! 🎅 Prepárate para interfaces intuitivas, gestión del inicio de sesión, añadir listas de deseos e intercambiar regalos. ¡Muy pronto, capturas de pantalla para abrir el apetito! 🔓 Este año, con RedwoodSDK como patrocinador, ¡todos los desafíos y soluciones son GRATIS! 🎊

🎉 ¡Entusiastas del CSS, atención! 🚀 🎄 ¡El #AdventOfCSS está de vuelta y este diciembre Amy Dutton nos trae algo especial! 🌟 👩‍💻 Un desafío único de 24 días, con un proyecto integral. Vas a sumergirte en la creación de un sistema de diseño completo usando el increíble framework de Storybook. 🖥️✨ 🎁 ¡Construye la interfaz de una aplicación de Amigo Secreto! 🎅 Prepárate para interfaces intuitivas, gestión del inicio de sesión, añadir listas de deseos e intercambiar regalos. ¡Muy pronto, capturas de pantalla para abrir el apetito! 🔓 Este año, con RedwoodSDK como patrocinador, ¡todos los desafíos y soluciones son GRATIS! 🎊

31,975 次观看

🔥 Guía visual de los selectores CSS más populares con ejemplos de código

🔥 Guía visual de los selectores CSS más populares con ejemplos de código

31,763 次观看

Colección de mejores prácticas de diseño UX para tener en cuenta al crear interfaces. →

Colección de mejores prácticas de diseño UX para tener en cuenta al crear interfaces. →

10,540 次观看

Estándares de color y nomenclaturas @codepen de David Aerne 👉 👈

Estándares de color y nomenclaturas @codepen de David Aerne 👉 👈

12,818 次观看

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Puedes diseñar tu logotipo con inteligencia artificial en 👉 👈

Puedes diseñar tu logotipo con inteligencia artificial en 👉 👈

289,901 次观看 • 3 年前

Rebuilding 90s nostalgia with modern native APIs for

Rebuilding 90s nostalgia with modern native APIs for

47,308 次观看 • 5 个月前

🎨 El generador de paletas de colores más rápido, incluye categorías para generar la combinación de colores que mejor encaje con tu proyecto. 👉 👈

🎨 El generador de paletas de colores más rápido, incluye categorías para generar la combinación de colores que mejor encaje con tu proyecto. 👉 👈

233,624 次观看 • 3 年前

MEGA directorio de recursos y herramientas de diseño UX / UI para ayudar a diseñar y desarrollar mejores interfaces de usuario. 👉 👈

MEGA directorio de recursos y herramientas de diseño UX / UI para ayudar a diseñar y desarrollar mejores interfaces de usuario. 👉 👈

127,579 次观看 • 3 年前

Generador de tipografías que funcionan juntas👇

Generador de tipografías que funcionan juntas👇

130,551 次观看 • 3 年前

🚨 anime.js se ha renovado por completo Nueva docu, demos interactivas y una UI que da gusto explorar. Si estabas esperando una excusa para ponerte con animaciones, es esta. →

🚨 anime.js se ha renovado por completo Nueva docu, demos interactivas y una UI que da gusto explorar. Si estabas esperando una excusa para ponerte con animaciones, es esta. →

42,824 次观看 • 1 年前

🚀 ¿Necesitas una tipografía para tu proyecto? 🥰 Free faces es una colección de tipografías gratuitas con una web hermosa 👇

🚀 ¿Necesitas una tipografía para tu proyecto? 🥰 Free faces es una colección de tipografías gratuitas con una web hermosa 👇

73,061 次观看 • 2 年前

🚀 Colección de recursos sobre diseño UI/UX en un solo lugar, donde puedes encontrar: - Libros recomendados - Generadores de colores - Iconos gratis - Sistemas de diseño

🚀 Colección de recursos sobre diseño UI/UX en un solo lugar, donde puedes encontrar: - Libros recomendados - Generadores de colores - Iconos gratis - Sistemas de diseño

69,979 次观看 • 2 年前

🚀 Si estas empezando en el mundo del desarrollo web, te he encontrado el tutorial más bonito de todo internet 👇

🚀 Si estas empezando en el mundo del desarrollo web, te he encontrado el tutorial más bonito de todo internet 👇

64,402 次观看 • 2 年前

Sigue pareciéndome el tutorial más bonito de HTML y CSS que hay online ✨ Claro, bien escrito, y perfecto si estás comenzando →

Sigue pareciéndome el tutorial más bonito de HTML y CSS que hay online ✨ Claro, bien escrito, y perfecto si estás comenzando →

32,853 次观看 • 1 年前

🚀 ¿Quieres entender cómo se construyen los SVG? Este es el mejor tutorial interactivo de internet 😍

🚀 ¿Quieres entender cómo se construyen los SVG? Este es el mejor tutorial interactivo de internet 😍

52,777 次观看 • 2 年前

🎨 ¿Necesitas poner un poco de orden en tus documentos de diseño? Aprende buenas prácticas con este tutorial sobre: - Diseño UI - Sistemas de diseño - Colores - Tipografía ℹ️ Guárdalo para más tarde porque tiene tanta info que hoy no te lo acabas 🔖

🎨 ¿Necesitas poner un poco de orden en tus documentos de diseño? Aprende buenas prácticas con este tutorial sobre: - Diseño UI - Sistemas de diseño - Colores - Tipografía ℹ️ Guárdalo para más tarde porque tiene tanta info que hoy no te lo acabas 🔖

41,792 次观看 • 2 年前

Still can’t believe this happened 🥹 My talk from #Config2025 is now live! Massive thanks to the Figma team and all the mind-blowing speakers for making it unforgettable 💜 Special shoutout to Maxime Davo Christine Vallaure miggi from figgi ˗ˏˋ rogie xcx ˎˊ˗ you made it extra magical. Go give it a watch if you wanna see me geek out about motion & Figma ✨ →

Still can’t believe this happened 🥹 My talk from #Config2025 is now live! Massive thanks to the Figma team and all the mind-blowing speakers for making it unforgettable 💜 Special shoutout to Maxime Davo Christine Vallaure miggi from figgi ˗ˏˋ rogie xcx ˎˊ˗ you made it extra magical. Go give it a watch if you wanna see me geek out about motion & Figma ✨ →

19,811 次观看 • 1 年前

Crea imágenes SVG con la ayuda de la IA de forma gratuita Convierte mensajes de texto en imágenes SVG que puedes descargar. 🤘🏻

Crea imágenes SVG con la ayuda de la IA de forma gratuita Convierte mensajes de texto en imágenes SVG que puedes descargar. 🤘🏻

32,934 次观看 • 2 年前

Año nuevo, web nueva → Échale un vistazo!

Año nuevo, web nueva → Échale un vistazo!

22,097 次观看 • 1 年前

¿Crear y probar paletas de colores en una interfaz? Usa Tintmint, con IA. Genera paletas con un prompt y úsalas en tiempo real en distintas vistas. ¡Fácil y rápido! 🤘🏻

¿Crear y probar paletas de colores en una interfaz? Usa Tintmint, con IA. Genera paletas con un prompt y úsalas en tiempo real en distintas vistas. ¡Fácil y rápido! 🤘🏻

27,612 次观看 • 2 年前

¡Interactividad CSS! 🔥 Con :has(), el contenedor "detecta" si una .shape tiene :hover. Luego, con :not(:hover), hacemos que solo las demás se encojan, roten y difuminen. →

¡Interactividad CSS! 🔥 Con :has(), el contenedor "detecta" si una .shape tiene :hover. Luego, con :not(:hover), hacemos que solo las demás se encojan, roten y difuminen. →

15,730 次观看 • 1 年前

🎨 Herramienta para crear escalas proporcionales para tipografía, iconografía, espaciado y componentes en sistemas de diseño.

🎨 Herramienta para crear escalas proporcionales para tipografía, iconografía, espaciado y componentes en sistemas de diseño.

27,955 次观看 • 2 年前

🚀 Este es el articulo interactivo más increíble que he leido sobre animación y SVG Te ayudará a comprender la lógica subyacente que hay detrás del comportamiento de las curvas Bezier tan usadas en animación y SVG. Gracias Richard Ekwonye ❤️ 👉 👈

🚀 Este es el articulo interactivo más increíble que he leido sobre animación y SVG Te ayudará a comprender la lógica subyacente que hay detrás del comportamiento de las curvas Bezier tan usadas en animación y SVG. Gracias Richard Ekwonye ❤️ 👉 👈

25,599 次观看 • 2 年前

🎨 ¿Buscas la ilustración perfecta? Descubre CocoMaterial, la biblioteca de ilustraciones dibujadas a mano de código abierto con casi 3000 imágenes. Listas para personalizar y descargar 🚀 👉 👈

🎨 ¿Buscas la ilustración perfecta? Descubre CocoMaterial, la biblioteca de ilustraciones dibujadas a mano de código abierto con casi 3000 imágenes. Listas para personalizar y descargar 🚀 👉 👈

21,398 次观看 • 2 年前