正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Miguel Ángel Durán

320,095 subscribers

56,319 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

¡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. ⬇️

¡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,654 次观看 • 3 年前

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

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

96,487 次观看 • 2 个月前

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

¡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,248 次观看 • 2 年前

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →

Miguel Ángel Durán

121,735 次观看 • 2 年前

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

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 次观看 • 10 个月前

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

¿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,434 次观看 • 2 年前

¿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: →

¿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 次观看 • 1 年前

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 →

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 次观看 • 2 个月前

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.

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,103 次观看 • 1 年前

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. ✍️✨

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 次观看 • 2 个月前

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea layouts con Grid de forma visual e interactiva. Personalizable y te da todo el código CSS:

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea layouts con Grid de forma visual e interactiva. Personalizable y te da todo el código CSS:

Miguel Ángel Durán

25,631 次观看 • 1 年前

Crea mapas bonitos para tu web o app. Gratuitos, sin configuración y en un comando: →

Crea mapas bonitos para tu web o app. Gratuitos, sin configuración y en un comando: →

Miguel Ángel Durán

76,457 次观看 • 3 个月前

¡Crea un fondo moderno para tu web o app! Sin registros, personalizable y en segundos →

¡Crea un fondo moderno para tu web o app! Sin registros, personalizable y en segundos →

Miguel Ángel Durán

27,925 次观看 • 1 年前

¡Colección de plantillas gratuitas para tu web! Desarrolladas con HTML y CSS:

¡Colección de plantillas gratuitas para tu web! Desarrolladas con HTML y CSS:

Miguel Ángel Durán

130,668 次观看 • 2 年前

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

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

64,202 次观看 • 25 天前

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

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

146,233 次观看 • 14 天前

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👇

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 次观看 • 6 天前

¡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í ⇣

¡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 次观看 • 1 年前

¡Más HTML y menos JavaScript! El lenguaje evoluciona. Abre y cierra modales sin escribir código JS. Se llama Invoker Commands y ya es compatible con todos los navegadores modernos:

¡Más HTML y menos JavaScript! El lenguaje evoluciona. Abre y cierra modales sin escribir código JS. Se llama Invoker Commands y ya es compatible con todos los navegadores modernos:

Miguel Ángel Durán

40,465 次观看 • 5 个月前

¿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. ⭐ ➡️

¿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 次观看 • 3 年前