Carmen Ansio

@carmenansio • 67,782 subscribers

Design Systems @stripe

Shorts

106,309 views

208,533 views

134,011 views

103,671 views

107,252 views

105,788 views

103,260 views

88,724 views

93,368 views

101,416 views

87,513 views

88,344 views

83,672 views

55,618 views

13,282 views

41,242 views

36,888 views

22,180 views

23,901 views

23,741 views

Videos

sweetdream.ai

Watch Anya Live

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

Private Show

Join now for exclusive access

Free preview available • Premium content

290,024 views • 3 years ago

233,727 views • 3 years ago

47,308 views • 9 months ago

127,651 views • 3 years ago

11,831 views • 1 month ago

130,582 views • 3 years ago

42,824 views • 1 year ago

73,093 views • 3 years ago

70,062 views • 3 years ago

64,402 views • 3 years ago

33,580 views • 1 year ago

52,791 views • 3 years ago

44,653 views • 3 years ago

41,845 views • 3 years ago

40,203 views • 3 years ago

32,953 views • 2 years ago

35,161 views • 3 years ago

22,098 views • 1 year ago

27,641 views • 2 years ago

Live Cam

Carmen Ansio

Shorts

A "Pull to Dark" toggle

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

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

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

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

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

🚀 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.

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

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 👇

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

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

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

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

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

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

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

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

✨ ¡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 ↓

Videos

Watch Anya Live

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

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

Rebuilding 90s nostalgia with modern native APIs for

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

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:

Generador de tipografías que funcionan juntas👇

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

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

🚀 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

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

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

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

🎨 ¿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. 👇

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

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

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

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

¿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! 🤘🏻