Carmen Ansio

@carmenansio • 67,159 subscribers

Design Systems @stripe

Shorts

102,998 views

208,464 views

103,577 views

88,713 views

101,416 views

87,487 views

55,418 views

41,191 views

36,855 views

21,944 views

23,827 views

23,741 views

27,407 views

31,975 views

31,763 views

10,540 views

12,818 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

289,901 views • 3 years ago

47,308 views • 5 months ago

233,624 views • 3 years ago

127,579 views • 3 years ago

130,551 views • 3 years ago

42,824 views • 1 year ago

73,061 views • 2 years ago

69,979 views • 2 years ago

64,402 views • 2 years ago

32,853 views • 1 year ago

52,777 views • 2 years ago

41,792 views • 2 years ago

19,811 views • 1 year ago

32,934 views • 2 years ago

22,097 views • 1 year ago

27,612 views • 2 years ago

15,730 views • 1 year ago

27,955 views • 2 years ago

25,599 views • 2 years ago

21,400 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. 👉 👈

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

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

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

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

¿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 ↓

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

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

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

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

Videos

Watch Anya Live

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

Rebuilding 90s nostalgia with modern native APIs for

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

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

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 😍

🎨 ¿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 🔖

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

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

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

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

🚀 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 ❤️ 👉 👈

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