Recursos

Una colección curada de cientos de sitios reales que usan los desarrolladores web todos los días: documentación oficial, cursos gratis, componentes listos, íconos, fuentes, imágenes, animaciones, plantillas, APIs públicas, hosting gratuito, inspiración de diseño y lugares para practicar.

No necesitas memorizarlos: guarda esta página en favoritos y vuelve cada vez que necesites algo. En proyectos para clientes te ahorrarán horas de trabajo (y dinero).

Cómo usar esta sección

Cada categoría tiene tarjetas con una descripción corta. Los enlaces externos abren en una pestaña nueva. Revisa siempre la licencia de imágenes, íconos y fuentes antes de usarlos en un proyecto comercial.

Categorías

📚 DocumentaciónReferencias oficiales: MDN, docs de lenguajes y frameworks.🎓 Aprender gratisCursos, rutas y libros gratuitos de calidad.🧩 Componentes UILibrerías y colecciones de componentes listos.✏️ Íconos e ilustracionesSets de íconos SVG e ilustraciones gratuitas.🎨 Fuentes y coloresTipografías, paletas y generadores de color.🖼️ Imágenes y videosBancos de fotos y videos libres, y optimizadores.✨ AnimacionesLibrerías de animación, Lottie y efectos.📄 PlantillasPlantillas HTML, landing pages y dashboards gratis.🛠️ Herramientas devEditores, validadores, generadores y utilidades.🔌 APIs públicasAPIs gratuitas para practicar y construir proyectos.🚀 Hosting gratisDónde publicar tus proyectos sin pagar.💡 Diseño e inspiraciónGalerías, patrones de UI y herramientas de diseño.📺 Canales y comunidadesYouTube, blogs, newsletters y comunidades.🏆 Practicar y retosEjercicios, retos y proyectos para mejorar.

Los imprescindibles

Si solo vas a guardar diez enlaces, que sean estos:

MDN Web DocsLa referencia definitiva de HTML, CSS y JavaScript.web.devGuías de Google sobre rendimiento, accesibilidad y buenas prácticas.roadmap.shRutas de aprendizaje visuales para cada rol.freeCodeCampCurrículo gratuito con certificaciones, en español.Can I useCompatibilidad de funciones web por navegador.UiverseMiles de componentes en HTML/CSS y Tailwind para copiar.LucideÍconos SVG limpios y consistentes.Google FontsCientos de tipografías gratuitas.UnsplashFotos gratuitas de alta calidad.Frontend MentorRetos reales con diseños profesionales.