Carmen Ansio's banner

Carmen Ansio

@carmenansio • 67,782 subscribers

Design Systems @stripe

Shorts

A "Pull to Dark" toggle

A "Pull to Dark" toggle

106,309 görüntüleme

📣 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,533 görüntüleme

¿Estás aprendiendo Python? Este juego te interesa 👇

¿Estás aprendiendo Python? Este juego te interesa 👇

134,011 görüntüleme

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

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

103,671 görüntüleme

🍱 Generador de estructuras HTML y CSS con Flexbox y Grid Layout

🍱 Generador de estructuras HTML y CSS con Flexbox y Grid Layout

107,252 görüntüleme

Explicaciones animadas sobre desarrollo web 🚀 🤘 Descarga la animación en formato webm 🤘 Copia el código para incluirlo en tu proyecto

Explicaciones animadas sobre desarrollo web 🚀 🤘 Descarga la animación en formato webm 🤘 Copia el código para incluirlo en tu proyecto

105,788 görüntüleme

Explicaciones animadas sobre desarrollo web 🚀 🤟🏻 Descarga la animación en formato webm 🤟🏻 Copia el código para incluirlo en tu proyecto

Explicaciones animadas sobre desarrollo web 🚀 🤟🏻 Descarga la animación en formato webm 🤟🏻 Copia el código para incluirlo en tu proyecto

103,260 görüntüleme

🚀 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,724 görüntüleme

🚀 Curso de JavaScript Moderno 100% GRATIS y en Español Desde lo más básico hasta temas avanzados con explicaciones simples pero detalladas 👇

🚀 Curso de JavaScript Moderno 100% GRATIS y en Español Desde lo más básico hasta temas avanzados con explicaciones simples pero detalladas 👇

93,368 görüntüleme

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 görüntüleme

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,513 görüntüleme

🎨 Colección con más de 400 iconos animados que puedes usar GRATIS en tu próximo proyecto. 🎆 Disponibles en formatos PNG, SVG y Figma. 👉 👈

🎨 Colección con más de 400 iconos animados que puedes usar GRATIS en tu próximo proyecto. 🎆 Disponibles en formatos PNG, SVG y Figma. 👉 👈

88,344 görüntüleme

🐱 ¡Animaciones y gatetes! Cattocss es una biblioteca de animaciones CSS donde puedes copiar directamente el código a tu proyecto web. 👉 👈

🐱 ¡Animaciones y gatetes! Cattocss es una biblioteca de animaciones CSS donde puedes copiar directamente el código a tu proyecto web. 👉 👈

83,672 görüntüleme

🐝 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,618 görüntüleme

Wrote about scroll-driven variable fonts. The why, the sticky wrapper pattern, and the weight lens stagger math.

Wrote about scroll-driven variable fonts. The why, the sticky wrapper pattern, and the weight lens stagger math.

13,282 görüntüleme

🗡️ ¿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,242 görüntüleme

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

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

36,888 görüntüleme

🔮 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. →

22,180 görüntüleme

¿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,901 görüntüleme

✨ ¡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 görüntüleme

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 👉 👈

290,024 görüntüleme • 3 yıl önce

🎨 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,727 görüntüleme • 3 yıl önce

Rebuilding 90s nostalgia with modern native APIs for

Rebuilding 90s nostalgia with modern native APIs for

47,308 görüntüleme • 9 ay önce

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,651 görüntüleme • 3 yıl önce

My apartment in Barcelona still has its original hydraulic tile floor, every room a different pattern. I rebuilt the whole thing in CSS Grid. Full guide:

My apartment in Barcelona still has its original hydraulic tile floor, every room a different pattern. I rebuilt the whole thing in CSS Grid. Full guide:

11,831 görüntüleme • 1 ay önce

Generador de tipografías que funcionan juntas👇

Generador de tipografías que funcionan juntas👇

130,582 görüntüleme • 3 yıl önce

🚨 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 görüntüleme • 1 yıl önce

🚀 ¿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,093 görüntüleme • 3 yıl önce

🚀 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

70,062 görüntüleme • 3 yıl önce

🚀 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 görüntüleme • 3 yıl önce

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 →

33,580 görüntüleme • 1 yıl önce

🚀 ¿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,791 görüntüleme • 3 yıl önce

🎨 ¿Quieres generar y probar paletas de colores directamente en una interfaz de usuario? Tintmint está basada en IA y te permite generar paletas de colores a partir de un prompt, y utilizarlas en directo en varias vistas. 👇

🎨 ¿Quieres generar y probar paletas de colores directamente en una interfaz de usuario? Tintmint está basada en IA y te permite generar paletas de colores a partir de un prompt, y utilizarlas en directo en varias vistas. 👇

44,653 görüntüleme • 3 yıl önce

🎨 ¿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,845 görüntüleme • 3 yıl önce

🚀 ¿Necesitas iconos para tu proyecto? - Más de 180.000 iconos open source - Selecciona el estilo y el color preferido - Puedes copiar directamente el código SVG 👉 👈

🚀 ¿Necesitas iconos para tu proyecto? - Más de 180.000 iconos open source - Selecciona el estilo y el color preferido - Puedes copiar directamente el código SVG 👉 👈

40,203 görüntüleme • 3 yıl önce

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,953 görüntüleme • 2 yıl önce

En Uiverse tienes una colección GRATIS de elementos de interfaz opensource listos para copiar y pegar en vuestros proyectos 👇

En Uiverse tienes una colección GRATIS de elementos de interfaz opensource listos para copiar y pegar en vuestros proyectos 👇

35,161 görüntüleme • 3 yıl önce

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

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

22,098 görüntüleme • 1 yıl önce

¿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,641 görüntüleme • 2 yıl önce