Loading video...

Video Failed to Load

Go Home

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web ✓ Cambios en tiempo real de HTML, CSS y JS ✓ Abre un navegador en el mismo editor ✓ Actualiza el contenido sin guardar Se llama Live Preview y aquí tienes una demo ↓

midudev's profile picture

Miguel Ángel Durán

329,742 subscribers

56,392 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

¡Me encanta esta extensión de Visual Studio Code! Te muestra los errores de tu código en línea, sin necesidad de hacer hover. ¡Ahorra un montón de tiempo! Te explico cómo funciona en 20 segundos. ⬇️
0:19

¡Me encanta esta extensión de Visual Studio Code! Te muestra los errores de tu código en línea, sin necesidad de hacer hover. ¡Ahorra un montón de tiempo! Te explico cómo funciona en 20 segundos. ⬇️

Miguel Ángel Durán

88,675 views • 3 years ago

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. →
0:18

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

Miguel Ángel Durán

101,706 views • 1 month ago

¡Esta es mi extensión favorita de Visual Studio Code! Se llama Console Ninja y muestra la salida de tus console.log directamente en el editor. No puedo vivir sin ella:
0:15

¡Esta es mi extensión favorita de Visual Studio Code! Se llama Console Ninja y muestra la salida de tus console.log directamente en el editor. No puedo vivir sin ella:

Miguel Ángel Durán

93,252 views • 2 years ago

¿Te cuesta el CSS y el diseño de tu web? ¡Necesitas este recurso en tu vida! Te crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive.
0:12

¿Te cuesta el CSS y el diseño de tu web? ¡Necesitas este recurso en tu vida! Te crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive.

Miguel Ángel Durán

179,522 views • 2 years ago

Si usas mucho IA para programar y quieres que no solo escriba código, sino que suba tus proyectos a producción, cree pull requests, controle el navegador, gestione tu base de datos y exponga tu localhost a internet… Entonces necesitas conocer estas CLIs para tu IA👇 🔹 GitHub CLI (gh) → Crea repos, pull requests e issues sin abrir el navegador. Terminas tu feature y en segundos tu PR está creado y listo para revisión. Combínalo con un agente de IA y tu flujo es imparable. 🔹 Supabase CLI → Levanta Supabase en local con Docker y en remoto, crea migraciones de base de datos, puede actualizar configuraciones, llenar datos de ejemplos, configurar tu RLS, subir los serverless functions, y mas 🔹 Playwright CLI → Tests end-to-end sin escribir casi nada. Tiene un modo que abre un navegador, graba todo lo que haces y genera el test por ti. Ideal para que tu agente de IA también verifique que la app funciona antes del deploy o simplemente compruebe el mismo su modificación. 🔹 AWS CLI → Sube archivos a S3, gestiona Lambdas, sincroniza tu build con un bucket. Deploy de un frontend estático en un solo comando, reconfigurar tus container, configura tu load balancer y basicamente crea toda tu arquitectura en producción 🔹 Railway CLI → Deploy moderno desde la terminal. Puedes correr migraciones en producción, ver logs en tiempo real y gestionar variables de entorno. Sin abrir dashboards, sin perder tiempo. 🔹 cloudflared / ngrok → Exponen tu localhost a internet con una URL pública. Perfectos para probar webhooks de Stripe, MercadoPago o mostrar una demo a un cliente sin hacer deploy. La clave no es aprenderlas todas de golpe. Empieza con GitHub CLI, agrega Railway cuando hagas tu primer deploy, y ten siempre a mano un tunnel para webhooks. Cuando dominas estas herramientas + IA, tu productividad cambia completamente. Video completo con ejemplos →
0:10

Si usas mucho IA para programar y quieres que no solo escriba código, sino que suba tus proyectos a producción, cree pull requests, controle el navegador, gestione tu base de datos y exponga tu localhost a internet… Entonces necesitas conocer estas CLIs para tu IA👇 🔹 GitHub CLI (gh) → Crea repos, pull requests e issues sin abrir el navegador. Terminas tu feature y en segundos tu PR está creado y listo para revisión. Combínalo con un agente de IA y tu flujo es imparable. 🔹 Supabase CLI → Levanta Supabase en local con Docker y en remoto, crea migraciones de base de datos, puede actualizar configuraciones, llenar datos de ejemplos, configurar tu RLS, subir los serverless functions, y mas 🔹 Playwright CLI → Tests end-to-end sin escribir casi nada. Tiene un modo que abre un navegador, graba todo lo que haces y genera el test por ti. Ideal para que tu agente de IA también verifique que la app funciona antes del deploy o simplemente compruebe el mismo su modificación. 🔹 AWS CLI → Sube archivos a S3, gestiona Lambdas, sincroniza tu build con un bucket. Deploy de un frontend estático en un solo comando, reconfigurar tus container, configura tu load balancer y basicamente crea toda tu arquitectura en producción 🔹 Railway CLI → Deploy moderno desde la terminal. Puedes correr migraciones en producción, ver logs en tiempo real y gestionar variables de entorno. Sin abrir dashboards, sin perder tiempo. 🔹 cloudflared / ngrok → Exponen tu localhost a internet con una URL pública. Perfectos para probar webhooks de Stripe, MercadoPago o mostrar una demo a un cliente sin hacer deploy. La clave no es aprenderlas todas de golpe. Empieza con GitHub CLI, agrega Railway cuando hagas tu primer deploy, y ten siempre a mano un tunnel para webhooks. Cuando dominas estas herramientas + IA, tu productividad cambia completamente. Video completo con ejemplos →

Fazt

33,021 views • 4 months ago

1. Crea una fragancia duradera en casa. ¿Alguna vez has notado que tu colonia se desvanece al cabo de unas horas? Aquí tienes la solución: - Derrite un bote de vaselina en agua hirviendo. - Rocía tu fragancia favorita en el interior (a tope). - Deja que se enfríe y se solidifique.
0:19

1. Crea una fragancia duradera en casa. ¿Alguna vez has notado que tu colonia se desvanece al cabo de unas horas? Aquí tienes la solución: - Derrite un bote de vaselina en agua hirviendo. - Rocía tu fragancia favorita en el interior (a tope). - Deja que se enfríe y se solidifique.

Virtud Mental.

893,391 views • 1 year ago

Abrir apps solo para firmar o resaltar un PDF es una pérdida de tiempo. 🙄 Chrome lo hace sencillo: ahora puedes hacer anotaciones, escribir y firmar tus PDF directamente en el navegador. Sin descargar nada extra, sin salir de tu pestaña. ✅ Tú pones la firma o las notas. Chrome te ahorra clics. ✍️✨
0:14

Abrir apps solo para firmar o resaltar un PDF es una pérdida de tiempo. 🙄 Chrome lo hace sencillo: ahora puedes hacer anotaciones, escribir y firmar tus PDF directamente en el navegador. Sin descargar nada extra, sin salir de tu pestaña. ✅ Tú pones la firma o las notas. Chrome te ahorra clics. ✍️✨

Google en español

19,250 views • 3 months ago

CREARON UN CAPCUT GRATIS Y SIN MARCAS DE AGUA, Y YA TIENE 76K STARS EN GITHUB CapCut te mete marca de agua, te bloquea funciones y encima te cobra suscripcion Un grupo de devs se canso y construyo la alternativa open source y gratuita Se llama OpenCut Y es un editor de video open source con arquitectura basada en plugins Su objetivo principal es ser la alternativa real a CapCut, pero abierta Sin marcas de agua, sin paywalls, sin suscripciones → Editor completo con linea de tiempo y multipista → Plugins nativos para expandir lo que puede hacer → Una sola app para web, escritorio y movil → MCP Server, automatizaciones y soporte para agentes de IA → Licencia MIT: puedes hacer lo que quieras con el Instalarlo es muy facil: → Clona el repo desde GitHub → Instala las dependencias → Ejecuta la version clasica (disponible ya) → Sigue la nueva version en Es exactamente lo que CapCut deberia haber sido desde el principio Te dejo el repo en comentarios 👇
0:15

CREARON UN CAPCUT GRATIS Y SIN MARCAS DE AGUA, Y YA TIENE 76K STARS EN GITHUB CapCut te mete marca de agua, te bloquea funciones y encima te cobra suscripcion Un grupo de devs se canso y construyo la alternativa open source y gratuita Se llama OpenCut Y es un editor de video open source con arquitectura basada en plugins Su objetivo principal es ser la alternativa real a CapCut, pero abierta Sin marcas de agua, sin paywalls, sin suscripciones → Editor completo con linea de tiempo y multipista → Plugins nativos para expandir lo que puede hacer → Una sola app para web, escritorio y movil → MCP Server, automatizaciones y soporte para agentes de IA → Licencia MIT: puedes hacer lo que quieras con el Instalarlo es muy facil: → Clona el repo desde GitHub → Instala las dependencias → Ejecuta la version clasica (disponible ya) → Sigue la nueva version en Es exactamente lo que CapCut deberia haber sido desde el principio Te dejo el repo en comentarios 👇

Jokker

116,712 views • 29 days ago

PÍDELE A CLAUDE QUE MAPEE TODA LA ARQUITECTURA DE TU APP EN UNA SOLA PÁGINA HTML Y UN ARCHIVO JSON. El HTML es para ti. El JSON es para el siguiente agente que trabaje en una nueva feature. Tu codebase ahora se explica solo 👇🏻
0:18

PÍDELE A CLAUDE QUE MAPEE TODA LA ARQUITECTURA DE TU APP EN UNA SOLA PÁGINA HTML Y UN ARCHIVO JSON. El HTML es para ti. El JSON es para el siguiente agente que trabaje en una nueva feature. Tu codebase ahora se explica solo 👇🏻

José Siles | AI | Data

208,674 views • 23 days ago

🤯 Pídele a CLAUDE o CODEX que te de toda la ARQUITECTURA de tu app en una sola página HTML y un archivo JSON. Tu código ahora se explica solo: El HTML te permite visualizarlo. El JSON es para que otro agente lo entienda. Te dejo el prompt que usé abajo 👇
0:18

🤯 Pídele a CLAUDE o CODEX que te de toda la ARQUITECTURA de tu app en una sola página HTML y un archivo JSON. Tu código ahora se explica solo: El HTML te permite visualizarlo. El JSON es para que otro agente lo entienda. Te dejo el prompt que usé abajo 👇

Fran Pradas | Ingeniero de IA

281,238 views • 15 days ago

ESTE AGENTE YA CONOCE TU CONTEXTO ANTES DE QUE SE LO DIGAS Se trata de Super Context, lo nuevo de OpenHuman Abres un chat nuevo, escribes una línea y ya sabe en qué estás trabajando El truco: antes de responderte, va y se documenta solo → te lee la pantalla para ver qué tienes delante → abre tus archivos y logs sin que se los pegues → mira tu correo y tu Slack para pillar el contexto Y así contesta sabiendo de qué va todo El resto de IAs arrancan en blanco y esperan a que tú se lo expliques todo Esta llega con los deberes hechos Y lo mejor: todo pasa en local, tu info nunca sale de tu máquina Funciona en Claude Code, Codex, y en cualquier otro agente. +33.000 estrellas en GitHub. Enlace al repositorio abajo👇
0:17

ESTE AGENTE YA CONOCE TU CONTEXTO ANTES DE QUE SE LO DIGAS Se trata de Super Context, lo nuevo de OpenHuman Abres un chat nuevo, escribes una línea y ya sabe en qué estás trabajando El truco: antes de responderte, va y se documenta solo → te lee la pantalla para ver qué tienes delante → abre tus archivos y logs sin que se los pegues → mira tu correo y tu Slack para pillar el contexto Y así contesta sabiendo de qué va todo El resto de IAs arrancan en blanco y esperan a que tú se lo expliques todo Esta llega con los deberes hechos Y lo mejor: todo pasa en local, tu info nunca sale de tu máquina Funciona en Claude Code, Codex, y en cualquier otro agente. +33.000 estrellas en GitHub. Enlace al repositorio abajo👇

Nico

19,743 views • 1 month ago

Hola bb, este es un recordatorio para pedir tu reembolso 📲tienes hasta el 15 de abril para llenar el formulario en el sitio de AXE Ceremonia y en el apartado Cashless pedir la devolución del mismo SIN COMISIÓN alguna 🤝🤠
0:16

Hola bb, este es un recordatorio para pedir tu reembolso 📲tienes hasta el 15 de abril para llenar el formulario en el sitio de AXE Ceremonia y en el apartado Cashless pedir la devolución del mismo SIN COMISIÓN alguna 🤝🤠

Festival Ceremonia

13,051 views • 2 years ago

¿Quieres añadir animaciones en tu página web? Pues tienes que conocer Animista, un generador online de animaciones CSS para facilitarte la vida. 👌 Puedes ver cómo quedan, configurarlas a tu gusto y luego copiar el código para añadirlas a tu web. ⭐ ➡️
0:19

¿Quieres añadir animaciones en tu página web? Pues tienes que conocer Animista, un generador online de animaciones CSS para facilitarte la vida. 👌 Puedes ver cómo quedan, configurarlas a tu gusto y luego copiar el código para añadirlas a tu web. ⭐ ➡️

Miguel Ángel Durán

211,317 views • 3 years ago

✨ ¡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 ↓
0:11

✨ ¡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 ↓

Carmen Ansio

23,741 views • 1 year ago

Bytedance lanzó un empleado de IA que trabaja 24/7 por su cuenta y funciona 100% en local. > investiga, programa y crea sitios web. > hace presentaciones y genera vídeos. lo hace todo y en tu ordenador, 100% open source, aquí te dejo el link de la repo 👇🏻
0:14

Bytedance lanzó un empleado de IA que trabaja 24/7 por su cuenta y funciona 100% en local. > investiga, programa y crea sitios web. > hace presentaciones y genera vídeos. lo hace todo y en tu ordenador, 100% open source, aquí te dejo el link de la repo 👇🏻

carpe

11,522 views • 23 days ago

💻 Construyó un sistema operativo completo dentro de una pestaña de Chrome... Solo y durante 6 años. Su nombre es Dustin Brett, un ingeniero autodidacta que convirtió su sitio web personal en un sistema de escritorio estilo Windows completamente funcional. No requiere instalación, corre directo en la nube y todo se procesa en tu navegador. En el video daedalos.mp4 puedes ver el nivel de fluidez con el que se despliega la interfaz gráfica, el menú de inicio y el explorador de archivos. . 🚀 Lo que es capaz de hacer este proyecto de código abierto: • Juegos Clásicos Integrados: Puedes ejecutar directamente títulos como DOOM o Quake III Arena desde la pestaña sin pérdida de rendimiento. • Herramientas de Desarrollo: Incluye una terminal de Python funcional y permite editar código en Monaco, el mismísimo motor que potencia a VS Code. • Potencia de IA y Linux: Permite arrancar Linux desde una ISO y ejecutar Stable Diffusion de forma local en el navegador para generar imágenes. • Ingeniería Eficiente: ¿Su costo de hosting? Un solo dólar al mes gracias a la optimización con un CDN de Cloudflare. Link: . Esta es la prueba definitiva de la potencia que tiene la web abierta cuando se exprime el código al máximo nivel. Guarda este post en tus marcadores para no perder el enlace, comparte esta locura técnica o dale una estrella al proyecto si eres desarrollador 🔖
0:18

💻 Construyó un sistema operativo completo dentro de una pestaña de Chrome... Solo y durante 6 años. Su nombre es Dustin Brett, un ingeniero autodidacta que convirtió su sitio web personal en un sistema de escritorio estilo Windows completamente funcional. No requiere instalación, corre directo en la nube y todo se procesa en tu navegador. En el video daedalos.mp4 puedes ver el nivel de fluidez con el que se despliega la interfaz gráfica, el menú de inicio y el explorador de archivos. . 🚀 Lo que es capaz de hacer este proyecto de código abierto: • Juegos Clásicos Integrados: Puedes ejecutar directamente títulos como DOOM o Quake III Arena desde la pestaña sin pérdida de rendimiento. • Herramientas de Desarrollo: Incluye una terminal de Python funcional y permite editar código en Monaco, el mismísimo motor que potencia a VS Code. • Potencia de IA y Linux: Permite arrancar Linux desde una ISO y ejecutar Stable Diffusion de forma local en el navegador para generar imágenes. • Ingeniería Eficiente: ¿Su costo de hosting? Un solo dólar al mes gracias a la optimización con un CDN de Cloudflare. Link: . Esta es la prueba definitiva de la potencia que tiene la web abierta cuando se exprime el código al máximo nivel. Guarda este post en tus marcadores para no perder el enlace, comparte esta locura técnica o dale una estrella al proyecto si eres desarrollador 🔖

Nix0n

62,433 views • 1 month ago

CapCut empezó siendo gratis Luego pusieron transiciones básicas de pago. Luego bloquearon resoluciones de exportación. Luego añadieron marcas de agua. Luego ByteDance empezó a usar tus videos para entrenar su IA. Un grupo de devs se cabreó lo suficiente como para clonar todo el proyecto desde cero Se llama OpenCut y tiene 45.8k estrellas en GitHub en menos de un año ✅ Edición con línea de tiempo y múltiples pistas ✅ Vista previa en tiempo real sin renderizar ✅ Sin marcas de agua en ninguna exportación, nunca ✅ Sin suscripciones ni funciones bloqueadas ✅ Funciona en web, escritorio y móvil ✅ Tus videos nunca salen de tu dispositivo ✅ Licencia MIT, nadie puede añadir un muro de pago La parte más importante: al ser MIT si alguien intentara meter un paywall la comunidad lo forkea en 48 horas y lanza el mismo producto sin él CapCut construyó su foso siendo gratis. OpenCut les acaba de quitar ese foso. 45.8k estrellas. 4.7k forks. 90+ colaboradores activos. MIT. lo tienes abajo 👇
0:10

CapCut empezó siendo gratis Luego pusieron transiciones básicas de pago. Luego bloquearon resoluciones de exportación. Luego añadieron marcas de agua. Luego ByteDance empezó a usar tus videos para entrenar su IA. Un grupo de devs se cabreó lo suficiente como para clonar todo el proyecto desde cero Se llama OpenCut y tiene 45.8k estrellas en GitHub en menos de un año ✅ Edición con línea de tiempo y múltiples pistas ✅ Vista previa en tiempo real sin renderizar ✅ Sin marcas de agua en ninguna exportación, nunca ✅ Sin suscripciones ni funciones bloqueadas ✅ Funciona en web, escritorio y móvil ✅ Tus videos nunca salen de tu dispositivo ✅ Licencia MIT, nadie puede añadir un muro de pago La parte más importante: al ser MIT si alguien intentara meter un paywall la comunidad lo forkea en 48 horas y lanza el mismo producto sin él CapCut construyó su foso siendo gratis. OpenCut les acaba de quitar ese foso. 45.8k estrellas. 4.7k forks. 90+ colaboradores activos. MIT. lo tienes abajo 👇

PA13L0

254,339 views • 3 months ago

Udemy cobra entre 10 y 200 euros por curso. Y no puedes descargarlo para verlo sin internet. Alguien publicó en GitHub la app de escritorio que descarga cursos de Udemy, videos de YouTube, TikTok, Instagram, Reddit, Twitter y 1.800 sitios más. Sin terminal. Sin comandos. Sin anuncios. Sin que te rastreen. Se llama OmniGet y tiene 5.6k estrellas. Pegas el enlace. Das al botón. El archivo se queda en tu ordenador. Para siempre. ✅ 1.800+ sitios soportados via yt-dlp integrado ✅ Cursos completos de Udemy, Hotmart, Kiwify, Skool y Teachable ✅ Lector de PDF/EPUB con modo foco, notas con timestamp y repetición espaciada ✅ Organiza y estudia el contenido descargado dentro de la misma app ✅ Extensión de navegador para descargar con un clic desde cualquier página ✅ Sin terminal, sin configuración, sin setup ✅ Multiplataforma nativa: Windows, Mac y Linux ✅ 438 forks. 32 releases. v0.6.3. GPL-3.0. Lo que más me ha gustado: No es solo un descargador. Es un entorno completo para aprender offline. Descargas el curso, lo organizas, lo lees o lo ves y tomas notas con timestamp todo en la misma app. lo tienes abajo 👇
0:18

Udemy cobra entre 10 y 200 euros por curso. Y no puedes descargarlo para verlo sin internet. Alguien publicó en GitHub la app de escritorio que descarga cursos de Udemy, videos de YouTube, TikTok, Instagram, Reddit, Twitter y 1.800 sitios más. Sin terminal. Sin comandos. Sin anuncios. Sin que te rastreen. Se llama OmniGet y tiene 5.6k estrellas. Pegas el enlace. Das al botón. El archivo se queda en tu ordenador. Para siempre. ✅ 1.800+ sitios soportados via yt-dlp integrado ✅ Cursos completos de Udemy, Hotmart, Kiwify, Skool y Teachable ✅ Lector de PDF/EPUB con modo foco, notas con timestamp y repetición espaciada ✅ Organiza y estudia el contenido descargado dentro de la misma app ✅ Extensión de navegador para descargar con un clic desde cualquier página ✅ Sin terminal, sin configuración, sin setup ✅ Multiplataforma nativa: Windows, Mac y Linux ✅ 438 forks. 32 releases. v0.6.3. GPL-3.0. Lo que más me ha gustado: No es solo un descargador. Es un entorno completo para aprender offline. Descargas el curso, lo organizas, lo lees o lo ves y tomas notas con timestamp todo en la misma app. lo tienes abajo 👇

PA13L0

45,223 views • 2 months ago

Aquí vemos una cirugía de extracción de un aneurisma en la arteria cerebral media, un delicado procedimiento microquirúrgico que aísla el aneurisma de la circulación arterial y, al mismo tiempo, preserva el flujo sanguíneo en la arteria principal.
0:17

Aquí vemos una cirugía de extracción de un aneurisma en la arteria cerebral media, un delicado procedimiento microquirúrgico que aísla el aneurisma de la circulación arterial y, al mismo tiempo, preserva el flujo sanguíneo en la arteria principal.

Comunidad Biológica

641,584 views • 2 years ago