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 лет назад