Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

¡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 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 3 Jahren

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

100,325 Aufrufe • vor 14 Tagen

¡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 Aufrufe • vor 2 Jahren

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:
0:12

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:

Miguel Ángel Durán

29,077 Aufrufe • vor 11 Monaten

¿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,467 Aufrufe • vor 2 Jahren

¿Quieres añadir animaciones en tu página web? Animista te genera el CSS de un montón de ellas. Personalízalas y copia el código: →
0:10

¿Quieres añadir animaciones en tu página web? Animista te genera el CSS de un montón de ellas. Personalízalas y copia el código: →

Miguel Ángel Durán

22,090 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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,238 Aufrufe • vor 1 Jahr

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,150 Aufrufe • vor 3 Monaten

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

113,882 Aufrufe • vor 8 Tagen

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

160,128 Aufrufe • vor 2 Tagen

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Monat

¿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,291 Aufrufe • vor 3 Jahren

✨ ¡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 Aufrufe • vor 1 Jahr

💻 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,307 Aufrufe • vor 1 Monat

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,061 Aufrufe • vor 1 Monat

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

253,671 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 2 Jahren

UN ESTUDIANTE CREO UNA HERRAMIENTA QUE ATRAPA A LOS POLITICOS MINTIENDO EN TIEMPO REAL el sistema transcribe cada palabra del discurso durante un debate al instante luego busca fuentes en internet de forma automatica usando las afirmaciones exactas toda esa informacion fresca se envia a claude para emitir un veredicto en vivo el modelo juzga la veracidad usando datos recuperados en el momento en lugar de depender de su memoria de entrenamiento el proyecto nacio en una investigacion universitaria y ya funciona como una extension de navegador el arma definitiva contra la manipulacion masiva ahora corre en segundo plano en tu computadora
0:13

UN ESTUDIANTE CREO UNA HERRAMIENTA QUE ATRAPA A LOS POLITICOS MINTIENDO EN TIEMPO REAL el sistema transcribe cada palabra del discurso durante un debate al instante luego busca fuentes en internet de forma automatica usando las afirmaciones exactas toda esa informacion fresca se envia a claude para emitir un veredicto en vivo el modelo juzga la veracidad usando datos recuperados en el momento en lugar de depender de su memoria de entrenamiento el proyecto nacio en una investigacion universitaria y ya funciona como una extension de navegador el arma definitiva contra la manipulacion masiva ahora corre en segundo plano en tu computadora

DENIRO

579,146 Aufrufe • vor 15 Tagen