Advertisement · 728 × 90

Posts by midudev · Miguel Ángel Durán

Video

¡Proyectazo! Si cargas contenido dinámico en tu web o app de React, lo necesitas.

Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano.

Envuelves tus componentes con <Skeleton> y listo.
github.com/0xGF/boneyard

20 hours ago 6 2 0 0

amzn.to/41PbVpy

21 hours ago 0 0 0 0
Portada de un libro con energía de jefe insoportable en modo legendario. En letras negras enormes se lee: “TRAE QUE YA LO HAGO YO, IDIOTA”. Debajo, en texto más pequeño: “Cómo Ser un Buen Líder, Trabajar en Equipo y Crear un Ambiente Laboral Exitoso”.

Portada de un libro con energía de jefe insoportable en modo legendario. En letras negras enormes se lee: “TRAE QUE YA LO HAGO YO, IDIOTA”. Debajo, en texto más pequeño: “Cómo Ser un Buen Líder, Trabajar en Equipo y Crear un Ambiente Laboral Exitoso”.

El libro favorito del senior tóxico de tu empresa

21 hours ago 4 0 1 0

🚩 Red flags de equipos de desarrollo en 2026

- La IA decide más que las personas
- Juniors fuera de decisiones importantes
- Se mide productividad por tickets cerrados
- Miden tu rendimiento por tokens gastados
- Presión para usar IA donde el aporte no es claro
- Confunden velocidad con eficiencia

22 hours ago 8 2 0 0
Captura de pantalla de Hoppscotch como cliente de API

Captura de pantalla de Hoppscotch como cliente de API

Una alternativa a POSTMAN sin instalaciones.
Se llama Hoppscotch. Es gratuita y Open Source.

✓ Diseño limpio y minimalista
✓ Sincroniza colecciones con Git
✓ Compatible con Windows, Linux y macOS

→ hoppscotch.io/

1 day ago 17 2 1 0
Captura de pantalla de un repositorio público de GitHub llamado copilot-cli-for-beginners. En el README aparece una portada con estética retro en negro, azul y morado, con la palabra “COPILOT” en letras pixeladas gigantes y una mascota pixel art con gafas enormes. Vamos, un curso que entra por los ojos antes de ponerte a pelearte con la terminal.

Captura de pantalla de un repositorio público de GitHub llamado copilot-cli-for-beginners. En el README aparece una portada con estética retro en negro, azul y morado, con la palabra “COPILOT” en letras pixeladas gigantes y una mascota pixel art con gafas enormes. Vamos, un curso que entra por los ojos antes de ponerte a pelearte con la terminal.

Microsoft acaba de lanzar un curso gratuito y de código abierto: GitHub Copilot CLI para principiantes.

8 capítulos con proyecto práctico, usar el contexto, crear agentes personalizados, trabajar con skills, conectar servidores MCP y mucho más.

→ github.com/github/copil...

1 day ago 12 0 0 0
Captura de pantalla del panel de administración de EmDash, un CMS con interfaz oscura a la izquierda y editor de contenido en el centro. Se está editando un post titulado “A Weekend with a Side Project”, con imagen destacada de código, texto del artículo visible y una columna lateral para publicar, asignar autor, categorías y etiquetas. Básicamente, un WordPress moderno que fue al gimnasio, aprendió TypeScript y volvió más ordenado.

Captura de pantalla del panel de administración de EmDash, un CMS con interfaz oscura a la izquierda y editor de contenido en el centro. Se está editando un post titulado “A Weekend with a Side Project”, con imagen destacada de código, texto del artículo visible y una columna lateral para publicar, asignar autor, categorías y etiquetas. Básicamente, un WordPress moderno que fue al gimnasio, aprendió TypeScript y volvió más ordenado.

¡Cloudflare anuncia el sucesor espiritual WordPress!
Un nuevo CMS basado en Astro y TypeScript.

✓ Seguro por defecto. Plugins aislados en sandbox
✓ Con CLI, MCP y pensado para agentes de IA
✓ Despliegue fácil en Cloudflare o Node.js

$ npm create emdash

1 day ago 8 2 1 0
Video

¡Recurso para Devs y Diseñadores UX!
Toda la inspiración que necesitas en un sitio

→ calltoinspiration.com

2 days ago 6 1 1 0
Advertisement
Captura de pantalla de un repositorio público de GitHub llamado “claurst”, dentro de la cuenta “Kuberwastaken”, en modo oscuro. Se ve la pestaña “Code” seleccionada, con 6 issues y 1 pull request. En la rama principal “main” aparecen tres carpetas, “public”, “spec” y “src-rust”, además del archivo “README.md”. Casi todo repite la misma descripción: “Rust clean-room implementation”, como si el repositorio quisiera dejar clarísimo que aquí se viene a picar Rust y no a perder el tiempo.

Captura de pantalla de un repositorio público de GitHub llamado “claurst”, dentro de la cuenta “Kuberwastaken”, en modo oscuro. Se ve la pestaña “Code” seleccionada, con 6 issues y 1 pull request. En la rama principal “main” aparecen tres carpetas, “public”, “spec” y “src-rust”, además del archivo “README.md”. Casi todo repite la misma descripción: “Rust clean-room implementation”, como si el repositorio quisiera dejar clarísimo que aquí se viene a picar Rust y no a perder el tiempo.

Alguien se bajó el código de Claude Code y lo migró a Rust para que no le pudieran tumbar el repositorio.

Brillante: github.com/Kuberwastake...

2 days ago 4 0 0 0
Captura de terminal con fondo negro mostrando el comando npx autoskills. Aparece una caja decorativa en cian con el nombre “autoskills” en amarillo, versión v0.2.2 y el texto “Auto-install the best AI skills for your project”, como si la terminal se hubiera puesto elegante para una gala tech. Debajo se listan tecnologías detectadas con checks verdes: Next.js, TypeScript, React, Supabase, Tailwind CSS y Astro. Más abajo aparece la sección “Skills to install (10)” con varias recomendaciones en azul claro, como vercel-react-best-practices, vercel-composition-patterns, next-best-practices, next-cache-components, next-upgrade, astro y tailwind-css-patterns, cada una asociada a su tecnología.

Captura de terminal con fondo negro mostrando el comando npx autoskills. Aparece una caja decorativa en cian con el nombre “autoskills” en amarillo, versión v0.2.2 y el texto “Auto-install the best AI skills for your project”, como si la terminal se hubiera puesto elegante para una gala tech. Debajo se listan tecnologías detectadas con checks verdes: Next.js, TypeScript, React, Supabase, Tailwind CSS y Astro. Más abajo aparece la sección “Skills to install (10)” con varias recomendaciones en azul claro, como vercel-react-best-practices, vercel-composition-patterns, next-best-practices, next-cache-components, next-upgrade, astro y tailwind-css-patterns, cada una asociada a su tecnología.

¡Si usas Agentes de IA, necesitas usar Agent Skills!
¿El problema? Hay miles y es imposible estar al día.

Esta herramienta detecta automáticamente las tecnologías de tu proyecto y te instala las mejores.

$ npx autoskills

2 days ago 9 0 0 0
Captura de la página de npm del paquete @anthropic-ai/claude-code, con la pestaña Code abierta. En el listado aparecen archivos como cli.js y, lo importante, cli.js.map con un tamaño de 59.8 MB, como quien deja las llaves puestas, la puerta abierta y un cartel diciendo “pasad sin llamar”.

Captura de la página de npm del paquete @anthropic-ai/claude-code, con la pestaña Code abierta. En el listado aparecen archivos como cli.js y, lo importante, cli.js.map con un tamaño de 59.8 MB, como quien deja las llaves puestas, la puerta abierta y un cartel diciendo “pasad sin llamar”.

Todavía está disponible en el paquete de npm el archivo .map de más de 60 MB con todo el código. Alucinante.

4 days ago 4 0 1 0
Captura de terminal en modo oscuro mostrando el contenido de la carpeta src de @anthropic-ai/claude-code tras listar archivos con ls -la --color. Se ven decenas de archivos y directorios TypeScript y TSX, como QueryEngine.ts, Tool.ts, commands.ts, context.ts, cost-tracker.ts, interactiveHelpers.tsx y un enorme main.tsx. La imagen deja bastante claro que aquí no se ha filtrado una migaja: parece el buffet libre entero del código fuente.

Captura de terminal en modo oscuro mostrando el contenido de la carpeta src de @anthropic-ai/claude-code tras listar archivos con ls -la --color. Se ven decenas de archivos y directorios TypeScript y TSX, como QueryEngine.ts, Tool.ts, commands.ts, context.ts, cost-tracker.ts, interactiveHelpers.tsx y un enorme main.tsx. La imagen deja bastante claro que aquí no se ha filtrado una migaja: parece el buffet libre entero del código fuente.

¡Se ha filtrado TODO el código fuente de Claude Code!
Y no por un hackeo sofisticado ni un ataque...

Subieron por error el archivo .map a npm y eso permite reconstruir el código completo, legible y con comentarios incluidos.

4 days ago 11 2 3 0
Rob Pike en una charla, detrás de un atril, con gafas de montura roja y camiseta negra con la mascota de Go, mirando al frente con cara de estar a punto de simplificarte el código y también la vida.

Rob Pike en una charla, detrás de un atril, con gafas de montura roja y camiseta negra con la mascota de Go, mirando al frente con cara de estar a punto de simplificarte el código y también la vida.

5 reglas para programadores de Rob Pike:

① Mide antes de optimizar
② No adivines el cuello de botella
③ Evita algoritmos complejos sin necesidad
④ Lo simple falla menos
⑤ Los datos importan más que el algoritmo

Es el co-creador de Go y UTF-8.
Las compartió en 1989 y siguen vigentes.

4 days ago 7 1 1 0

Esto NO da la dirección exacta del usuario ni va contra la privacidad del usuario. Da una localización aproximada, útil para mostrar la traducción correcta o ver si tiene servicio en la zona.

4 days ago 1 0 0 0
Captura de una landing en modo oscuro de una API de información de IP. A la izquierda aparece el texto “API con la Info de IP” con una breve descripción en español indicando que ofrece datos de cualquier IP y respuestas en XML, YAML y JSON, junto a un botón con el comando curl api.ipquery.io. A la derecha se muestra un panel con una respuesta JSON de ejemplo que incluye dirección IP, proveedor, ubicación en Madrid (Chamartín), zona horaria y datos de riesgo.

Captura de una landing en modo oscuro de una API de información de IP. A la izquierda aparece el texto “API con la Info de IP” con una breve descripción en español indicando que ofrece datos de cualquier IP y respuestas en XML, YAML y JSON, junto a un botón con el comando curl api.ipquery.io. A la derecha se muestra un panel con una respuesta JSON de ejemplo que incluye dirección IP, proveedor, ubicación en Madrid (Chamartín), zona horaria y datos de riesgo.

API gratuita para extraer toda la info de una IP.
Sin límites ni pagos de ningún tipo.

Funciona en Python, JavaScript y cualquier lenguaje.

→ ipquery.io

4 days ago 4 1 1 0

Bien por GitHub por mostrarlo claramente al entrar a su página. También me sorprende que esto no estuviera antes.
Ahora que lo sabes. ¿Lo vas a dejar activado para mejorar los modelos o lo vas a desactivar?

4 days ago 0 0 0 0
Advertisement
Captura de la sección de privacidad de GitHub Copilot en modo oscuro, con dos opciones grandes: “Suggestions matching public code” en “Allowed” y “Allow GitHub to use my data for AI model training” en “Disabled”. A la derecha se ve el desplegable abierto con dos opciones, “Enabled” y “Disabled”, y una flecha roja enorme señala la opción desactivada, por si todavía quedaba alguna duda de quién manda aquí.

Captura de la sección de privacidad de GitHub Copilot en modo oscuro, con dos opciones grandes: “Suggestions matching public code” en “Allowed” y “Allow GitHub to use my data for AI model training” en “Disabled”. A la derecha se ve el desplegable abierto con dos opciones, “Enabled” y “Disabled”, y una flecha roja enorme señala la opción desactivada, por si todavía quedaba alguna duda de quién manda aquí.

¡Ojo con esto si usas GitHub Copilot!

A partir del 24 de abril tus prompts, respuestas, código y contexto podrán usarse para entrenar sus modelos.

Si no quieres, tienes que desactivarlo en:
Settings → Copilot → Features → Privacy

4 days ago 2 4 2 0
Video

Curso de Microsoft para crear Agentes de IA.
En Español, desde cero y son 12 lecciones.
MCP, RAG, multiagentes y más ↓

5 days ago 6 0 0 0
Video

¡Esta es la mejor forma de instalar Node!
Se llama fnm (Fast Node Manager)

✓ Trabaja con múltiples versiones de Node
✓ Es muy rápido, desarrollado con Rust
✓ Instalación sencilla: un comando
✓ Para Windows, macOS y Linux

→ github.com/Schniz/fnm

5 days ago 2 1 0 0
Video

¡Página que te explica cualquier código paso a paso!
Con una guía visual de la ejecución.

Para Python, JavaScript, C, C++ y Java
→ pythontutor.com

5 days ago 5 2 0 0

Para apuntarte: codeinplace.stanford.edu

Empieza el 20 de abril con tutores de todo el mundo.

6 days ago 2 0 0 0
Video

La universidad de Stanford abre su curso de Python con certificado final a todo el mundo y sin coste. Te puedes apuntar hasta el 8 de abril.

6 days ago 6 1 1 0
Ilustración minimalista y futurista de una ventana de código flotando sobre un fondo blanco con cuadrícula de puntitos, como si SQL hubiese venido del futuro para arreglarte la base de datos. Dentro se lee SELECT * FROM tu_futuro WHERE skill = 'SQL';. Debajo aparece en grande el texto “Aprende SQL desde cero” y, más abajo, “Curso gratuito · 17 lecciones · Interactivo”. Al fondo hay iconos sutiles de bases de datos, tablas y filtros, y al pie se ve la URL aprendesql.dev.

Ilustración minimalista y futurista de una ventana de código flotando sobre un fondo blanco con cuadrícula de puntitos, como si SQL hubiese venido del futuro para arreglarte la base de datos. Dentro se lee SELECT * FROM tu_futuro WHERE skill = 'SQL';. Debajo aparece en grande el texto “Aprende SQL desde cero” y, más abajo, “Curso gratuito · 17 lecciones · Interactivo”. Al fondo hay iconos sutiles de bases de datos, tablas y filtros, y al pie se ve la URL aprendesql.dev.

¿Quieres aprender SQL de forma práctica y desde cero?
He preparado un recurso 100% gratuito con:

✓ 26 lecciones en Español con ejercicios
✓ Desde SELECT hasta índices y subconsultas
✓ Con diagramas y playground en el navegador

→ aprendesql.dev

6 days ago 10 3 1 0
Video

¡Brutal biblioteca de JavaScript para crear dashboards!
Paneles que puedes arrastrar y redimensionar.

✓ Funciona en React, Angular, Vue y JavaScript puro
✓ Responsive y optimizada para móviles

> npm install gridstack

1 week ago 6 0 0 0
Video

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

1 week ago 5 0 0 0
Advertisement
Video

Recurso para programadores para crear diagramas isométricos de tu infraestructura o software. De código abierto: github.com/stan-smith/F...

1 week ago 6 0 0 0
Captura de pantalla de una consola SQL mostrando un inner join entre posts y users, mientras en una ventanita flotante aparece un instructor con cara de estar explicando por quinta vez que las claves foráneas no muerden.

Captura de pantalla de una consola SQL mostrando un inner join entre posts y users, mientras en una ventanita flotante aparece un instructor con cara de estar explicando por quinta vez que las claves foráneas no muerden.

Supabase ha sacado un curso para aprender Base de Datos PostgreSQL desde cero y paso a paso

✓ +5 horas en 39 vídeos
✓ Consultas, joins, JSON, índices y creación de tablas
✓ Todo explicado de forma práctica y progresiva

Es gratis → databaseschool.com/series/intro-to-postgres

1 week ago 6 2 0 0
Captura de pantalla de la barra de estado de macOS con el menú desplegable de la app mostrando opciones: “Kill All Processes”, “Kill: Port 3722: …”, “Kill: Port 5000: …”, y “Quit”.

Captura de pantalla de la barra de estado de macOS con el menú desplegable de la app mostrando opciones: “Kill All Processes”, “Kill: Port 3722: …”, “Kill: Port 5000: …”, y “Quit”.

Esta a aplicación es perfecta para devs. Muestra los puertos que tienes abiertos y los cierras con un click.

Open Source y funciona en Windows, Linux y macOS:

1 week ago 4 1 0 0
Video

Primer trailer de la serie de Harry Potter.
Tengo sentimientos encontrados. 🥹 ¿Qué te parece?

1 week ago 2 0 2 0
Captura de la web de Lucide en modo oscuro, con un buscador para explorar su colección de iconos y una cuadrícula enorme llena de iconitos minimalistas. A la izquierda aparece un panel para tunear color, grosor y tamaño, como si estuvieras en el taller mecánico pero de los SVG.

Captura de la web de Lucide en modo oscuro, con un buscador para explorar su colección de iconos y una cuadrícula enorme llena de iconitos minimalistas. A la izquierda aparece un panel para tunear color, grosor y tamaño, como si estuvieras en el taller mecánico pero de los SVG.

¡Nueva versión de una de las mejores colecciones de iconos Open Source: Lucide 1.0!

✓ 1700 iconos disponibles
✓ Ligera, bonita, consistente
✓ Para React, Vue, Svelte, Angular y Solid.

$ pnpm add lucide@next

1 week ago 13 0 0 0