Recursos para Desarrolladores

Herramientas, referencias y sitios que tengo siempre a la mano. Sin afiliados — solo lo que realmente uso.

📚 Documentación esencial

• MDN Web Docs La referencia definitiva para HTML, CSS y JavaScript.
• Astro Docs Documentación oficial de Astro — muy bien escrita.
• Laravel Docs Documentación de Laravel, siempre actualizada y con ejemplos claros.
• TypeScript Handbook Guía oficial del sistema de tipos de TypeScript.
• Tailwind CSS Docs Referencia completa de clases utilitarias.

🛠️ Herramientas de desarrollo

• Hoppscotch Cliente REST/GraphQL open-source, alternativa a Postman.
• Ray.so Genera imágenes hermosas de fragmentos de código.
• transform.tools Convierte entre JSON, TypeScript, CSS y más.
• Regex101 Editor y debugger de expresiones regulares con explicaciones.
• Squoosh Optimización de imágenes en el navegador, sin subir a servidores externos.

🎨 Diseño y UI

• Coolors Generador de paletas de colores con exportación a CSS/Tailwind.
• Iconify 100k+ íconos de todos los packs populares en un solo lugar.
• Fontsource Fuentes auto-alojadas para proyectos web — sin dependencia de Google Fonts.
• UI Colors Genera escalas de colores compatibles con Tailwind desde un hex.

📈 Performance y SEO

• PageSpeed Insights Auditoría de Core Web Vitals directamente de Google.
• Schema.org Referencia completa de datos estructurados para SEO.
• Ahrefs Webmaster Tools Auditoría SEO gratuita para tu propio dominio.
• Bundlephobia Calcula el tamaño y peso de cualquier paquete npm antes de instalarlo.

🎓 Aprendizaje

• The Odin Project Currículo de desarrollo web open-source, completamente gratuito.
• roadmap.sh Rutas de aprendizaje visuales para cualquier rol en tecnología.
• Fireship Tutoriales rápidos y de alta calidad sobre las últimas tecnologías.
• Laracasts La mejor plataforma de aprendizaje para el ecosistema Laravel y PHP.