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 - Se abre un navegador en el mismo editor - Actualización de contenido sin guardar Se llama Live Preview y aquí tienes una demostración:

midudev's profile picture

Miguel Ángel Durán

333,535 subscribers

174,639 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,995 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,299 views • 2 years 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,501 views • 1 year ago

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

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

Miguel Ángel Durán

147,052 views • 2 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

122,280 views • 1 month 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,539 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

👋 ADIÓS CAPCUT 👋 ADIÓS MARCAS DE AGUA Han creado un Capcut GRATIS. Y tiene +87K estrellas en Github. Se llama OpenCut y contiene: → Editor con línea de tiempo y multipista. → Sistema de plugins para ampliar funciones. → Una sola app para web, escritorio y móvil. → Núcleo construido en Rust. → MCP Server para automatizaciones. → Soporte para agentes de IA. → Licencia MIT: puedes usarlo y modificarlo. Y lo mejor: * Sin marcas de agua. * Sin suscripciones. * Sin funciones bloqueadas. * Open source. Te dejo el enlace abajo y cómo probarlo:👇
0:11

👋 ADIÓS CAPCUT 👋 ADIÓS MARCAS DE AGUA Han creado un Capcut GRATIS. Y tiene +87K estrellas en Github. Se llama OpenCut y contiene: → Editor con línea de tiempo y multipista. → Sistema de plugins para ampliar funciones. → Una sola app para web, escritorio y móvil. → Núcleo construido en Rust. → MCP Server para automatizaciones. → Soporte para agentes de IA. → Licencia MIT: puedes usarlo y modificarlo. Y lo mejor: * Sin marcas de agua. * Sin suscripciones. * Sin funciones bloqueadas. * Open source. Te dejo el enlace abajo y cómo probarlo:👇

Fran Pradas | Ingeniero de IA

51,252 views • 5 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 • 2 months 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 • 4 months ago

¡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 →
0:14

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

Miguel Ángel Durán

44,045 views • 1 month ago

¡Crea un tour virtual para tu página web o app! Funciona en React, Vue, Angular, Svelte y más. La biblioteca se llama Driver.js y funciona así ⇣
0:15

¡Crea un tour virtual para tu página web o app! Funciona en React, Vue, Angular, Svelte y más. La biblioteca se llama Driver.js y funciona así ⇣

Miguel Ángel Durán

63,490 views • 1 year ago

El buscador más rápido de iconos SVG para tu web. Se llama Icons0 y tiene más de 200.000 iconos Y trae servidor MCP disponible para tu IA. Para que descargue automáticamente el icono que necesitas. →
0:17

El buscador más rápido de iconos SVG para tu web. Se llama Icons0 y tiene más de 200.000 iconos Y trae servidor MCP disponible para tu IA. Para que descargue automáticamente el icono que necesitas. →

Miguel Ángel Durán

65,385 views • 2 months 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

283,052 views • 28 days 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,808 views • 3 months 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

209,170 views • 1 month ago

¡Visual Studio Code evoluciona! Lanza Agents Window para administrar agentes de IA en dentro del editor. ✓ Controla Copilot, Claude Code y más ✓ Usa proyectos de GitHub o locales ✓ Revisa cambios sin salir de VS Code Aquí te lo enseño para que lo veas:
0:17

¡Visual Studio Code evoluciona! Lanza Agents Window para administrar agentes de IA en dentro del editor. ✓ Controla Copilot, Claude Code y más ✓ Usa proyectos de GitHub o locales ✓ Revisa cambios sin salir de VS Code Aquí te lo enseño para que lo veas:

Miguel Ángel Durán

42,575 views • 3 months 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,525 views • 2 months ago