Miguel Ángel Durán

@midudev • 330,056 subscribers

🧠 Enseño Programación e Inteligencia Artificial 👨‍💻 Software Engineer y Speaker ⭐ +18 años de experiencia · +3M comunidad ✉️ Contacto: [email protected]

Live Cam

Miguel Ángel Durán

Shorts

Esto es una locura. Es difícil de creer que sea una página web. Los japoneses llevan ThreeJS a otro nivel.

Crea vídeos con HTML, CSS y JS. ¿Cómo? Instalando una sola Agent Skill. Se llama HyperFrames, es de código abierto y funciona con cualquier IA. El resultado es tremendo. →

¡Proyectazo! Necesitas esto para tu web o app. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con &lt;Skeleton&gt; y listo. Para Vue, React, Angular y Svelte:

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. &gt; pnpm add cuelume

Este proyecto Open Source es BRUTAL: Meetily. Transcribe y resume tus reuniones con IA. ¡Pero lo hace todo en local! Sin subir tu audio a ningún servidor, totalmente gratis, 100% privado, en segundos. →

¡Espectacular nueva biblioteca de iconos Open Source! Pixel-perfect y en formato SVG. Con paquetes para React, Vue, Svelte y Figma. Tiene más de 2600 iconos disponibles: →

¡Nuevo componente de React interesante! Se llama Hiraki y es un drawer para tu web. ✓ 4 direcciones, gestos con inercia y snap points ✓ Accesible y animaciones CSS ✓ 0 dependencias →

Aprovechando que ya se puede reservar GTA VI... Desarrollamos parte de su web en directo. Con HTML, CSS y un poquito de JavaScript:

¡Crea la mejor documentación para tu API o proyecto! Se llama Starlight y trae: ✓ Velocidad. Está basado en Astro ✓ SEO, Accesibilidad, con buscador integrado ✓ Markdown, MDX y soporte para múltiples idiomas →

¿Tienes que maquetar emails? ¡NO uses tablas! React Email es la biblioteca que necesitas: ✓ Componentes de UI listos ✓ Previsualiza cómo se verá el correo ✓ Compatible con Gmail, Outlook y más ✓ Diseños preparados para copiar y pegar → npx create-email

¡Juega a Half Life 2 en tu navegador! → Lo ha desarrollado en 3 meses un adolescente.

¡Herramienta gratuita para mejorar tu CV! Mejora tus posibilidades de encontrar empleo. ✓ Analiza si pasa filtros ATS ✓ Da consejos para optimizarlo ✓ Lo compara con ofertas De la gente de Manfred →

¡Nuevo en CSS! text-fit: grow Escala el tamaño de la fuente del texto para que se ajusten perfectamente al ancho de su contenedor. Por ahora sólo disponible en Chrome, Brave y Edge:

Convierte tu GitHub en una carta de futbolista del FIFA. Falta contar las veces que has roto producción. →

¡Google ha lanzado una alternativa a Duolingo! Se llama Little Language Lessons y es 100% gratis. ✓ Inglés, Alemán, Chino... más de 40 idiomas ✓ Genera conversaciones y vocabulario ✓ Te ayuda a mejorar tu pronunciación →

Alguien se pasó cuatro años desarrollando un entorno de escritorio completo usando tecnologías web. El resultado es espectacular y es de código abierto:

Este recurso es BRUTAL para Programadores y DevOps. Herramienta que descubre toda la info de un dominio. ¡DNS, WHOIS, IPs, Subdominios, certificados y más! →

¡La mejor librería de sliders que he visto para 2026! Solo ocupa 4.3KB y usa el mínimo JavaScript posible. ✓ Funciona con scroll-driven animations ✓ Añade drag con ratón ✓ En móviles carga 0KB Se llama Blossom:

Este recurso es BRUTAL para Programadores y DevOps. Herramienta que descubre toda la info de un dominio. ¡DNS, WHOIS, IPs, Subdominios, certificados y más! →

La mejor herramienta para crear diagramas de software. ¡Encima gratuita y compatible con GitHub! Perfecta para UML, flujos y procesos. Exporta como imagen, PDF, HTML y más. →

Videos

Watch Anya Live

Pero qué locura de página web es esto

¿Creas webs y apps con IA pero no sabes cómo explicarle lo que quieres? ¡Necesitas este recurso! Un diccionario visual de UI con nombres, conceptos, ejemplos y prompts para cada elemento de una interfaz. →

Un desarrollador de Singapur ha conseguido ejecutar JavaScript en una PSP creando su propio framework. Con Vue + Tailwind y Animaciones a 60fps. Consume solo 8MB de memoria RAM. Y todo de código abierto:

Roba el diseño de cualquiera web y transforma el HTML en Figma con una extensión. Se llama HTML to Design.

Trucazo para crear una web con documentación de cualquier repositorio de GitHub. Gratis y en minutos:

Los japoneses con ThreeJS están creando páginas web que te vuelan la cabeza:

¡Si eres programador, necesitas esta aplicación! Abre un emulador de iOS o Android en segundos. Gratuita, nativa y de código abierto: →

"Creemos que con la IA podemos reemplazar a todos los desarrolladores junior de nuestra empresa" Matt Garman, CEO de AWS: "Es la mayor estupidez que he escuchado en mi vida".

¡Esta funcionalidad de Claude Code es una locura! Crea un equipo de agentes en un minuto:

Esta etiqueta HTML no la usa nadie y es buenísima. Te explico qué hace en 1 minuto:

Microsoft ha desvelado la Surface Dev Box. • Chip NVIDIA RTX Spark • 128GB de memoria unificada • Cuerpo de aluminio, impreso en 3D • 2x USB-C, USB A, HDMI y Ethernet Sale en otoño de este año y no se sabe precio:

¡Acaba de salir el Figma de Claude Code! Se llama Pencil: ✓ Diseña, versiona y genera código ✓ Con servidores MCP integrados ✓ Funciona con VSCode, Cursor ✓ Para macOS y Linux Lo mejor, sin coste ni suscripción: →

Así te descartan en pruebas técnicas en segundos. El 50% de los candidatos lo resuelven mal. ¿Y tú?

Recurso para aprender Algoritmos en Programación. Explicaciones visuales paso a paso y con código. En Español y con gráficos de complejidad. 40 algoritmos, conceptos y estructuras de datos: →

¡Microsoft acaba de lanzar algo espectacular! Se llama VibeVoice y es un modelo Open Source que genera voz en tiempo real con latencia bajísima. En nueve idiomas distintos, incluido español. Permite conversaciones largas con múltiples voces:

Anthropic ha acusado a DeepSeek y otras compañías chinas de espionaje de IA. Lo curioso: Si le preguntas a Claude Sonnet 4.6 "¿qué modelo eres?" en chino, responde: "Soy DeepSeek". La ironía.

¡Nuevo cliente para bases de datos modernas! Con IA y MCP integrados, extensible con plugins. ✓ Soporta PostgreSQL, MariaDB, MySQL y SQLite ✓ Para macOS, Windows y Linux ✓ Traducido al español De código abierto y gratuito:

¡Curso oficial con certificado final de Claude Code! Sin coste. 15 lecciones y 1 hora de vídeo. De 0 hasta MCPs.

Este vídeo es el mejor ejemplo de por qué soy ingeniero.

Trucazo para repositorios públicos de GitHub. Cambia en la URL la palabra "github" por "deepwiki" Y consigues una documentación con IA gratuita:

¡Proyectazo! Necesitas esto para tu web o app. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con <Skeleton> y listo. Para Vue, React, Angular y Svelte:

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. > pnpm add cuelume