Marcos de Miguel
@dragoncillos.bsky.social
Desarrollador Web Full Stack especializado en accesibilidad (#a11y) siguiendo los estándares de la World Wide Web (#w3c). https://www.dragoncillos.com
Pinned
Infografía de la carrera profesional de Marcos de Miguel. Creada con Gemini.
#a11y La herramienta Silktide para monitorizar la accesibilidad en sitios web olgacarreras.blogspot.com/2026/02/rese...
Reseña de la herramienta Silktide para monitorizar la accesibilidad en sitios web
Valoración de Silktide, herramienta de evaluación y gestión de calidad web que incluye, entre otros aspectos, pruebas de accesibilidad. Opiniones.
olgacarreras.blogspot.com
February 14, 2026 at 9:22 AM
#a11y La herramienta Silktide para monitorizar la accesibilidad en sitios web olgacarreras.blogspot.com/2026/02/rese...
Reposted by Marcos de Miguel
¡HOY clase de IA para Programadores!
Integra Inteligencia Artificial en tu código y tu día a día
✓ Tooling: Cursor + Copilot + Claude Code
✓ Conceptos: LLMs, Tokens y Temperatura
✓ Backend: Integrando la API de OpenAI en Node.js
✓ Frontend: Vercel AI SDK y Streaming en React
18H (hora España)
Integra Inteligencia Artificial en tu código y tu día a día
✓ Tooling: Cursor + Copilot + Claude Code
✓ Conceptos: LLMs, Tokens y Temperatura
✓ Backend: Integrando la API de OpenAI en Node.js
✓ Frontend: Vercel AI SDK y Streaming en React
18H (hora España)
February 11, 2026 at 1:55 PM
¡HOY clase de IA para Programadores!
Integra Inteligencia Artificial en tu código y tu día a día
✓ Tooling: Cursor + Copilot + Claude Code
✓ Conceptos: LLMs, Tokens y Temperatura
✓ Backend: Integrando la API de OpenAI en Node.js
✓ Frontend: Vercel AI SDK y Streaming en React
18H (hora España)
Integra Inteligencia Artificial en tu código y tu día a día
✓ Tooling: Cursor + Copilot + Claude Code
✓ Conceptos: LLMs, Tokens y Temperatura
✓ Backend: Integrando la API de OpenAI en Node.js
✓ Frontend: Vercel AI SDK y Streaming en React
18H (hora España)
Reposted by Marcos de Miguel
[Chrome DevTools Quick Tip 🔥]
Did you know that, apart from the currently selected element ($0), you can easily target the history of selected elements from the Element Panel in the Console? 🚀
#devtools #chromedevtools
Did you know that, apart from the currently selected element ($0), you can easily target the history of selected elements from the Element Panel in the Console? 🚀
#devtools #chromedevtools
February 9, 2026 at 3:13 PM
[Chrome DevTools Quick Tip 🔥]
Did you know that, apart from the currently selected element ($0), you can easily target the history of selected elements from the Element Panel in the Console? 🚀
#devtools #chromedevtools
Did you know that, apart from the currently selected element ($0), you can easily target the history of selected elements from the Element Panel in the Console? 🚀
#devtools #chromedevtools
Reposted by Marcos de Miguel
¡Brutal herramienta para revisar el rendimiento web!
Escanea toda tu página y te puntúa cada una
Es un Lighthouse pero con una visión global de tu sitio
Ejecuta esto:
npx unlighthouse --site <tu-web>
Escanea toda tu página y te puntúa cada una
Es un Lighthouse pero con una visión global de tu sitio
Ejecuta esto:
npx unlighthouse --site <tu-web>
February 7, 2026 at 3:59 PM
¡Brutal herramienta para revisar el rendimiento web!
Escanea toda tu página y te puntúa cada una
Es un Lighthouse pero con una visión global de tu sitio
Ejecuta esto:
npx unlighthouse --site <tu-web>
Escanea toda tu página y te puntúa cada una
Es un Lighthouse pero con una visión global de tu sitio
Ejecuta esto:
npx unlighthouse --site <tu-web>
Reposted by Marcos de Miguel
¡Desarrolla webs Responsive 5 veces más rápido!
Extensión obligada para desarrolladores frontend.
Extensión obligada para desarrolladores frontend.
February 7, 2026 at 5:06 PM
¡Desarrolla webs Responsive 5 veces más rápido!
Extensión obligada para desarrolladores frontend.
Extensión obligada para desarrolladores frontend.
Reposted by Marcos de Miguel
¡Buen recurso para programadores y diseñadores web!
Una herramienta para crear fondos animados con gradientes de colores.
Una herramienta para crear fondos animados con gradientes de colores.
February 5, 2026 at 3:59 PM
¡Buen recurso para programadores y diseñadores web!
Una herramienta para crear fondos animados con gradientes de colores.
Una herramienta para crear fondos animados con gradientes de colores.
Reposted by Marcos de Miguel
¡Visual Studio Code sube de nivel!
Llegan los agentes de IA en paralelo.
La nueva versión trae un montón de mejoras.
Te explico en dos minutos cómo funciona:
Llegan los agentes de IA en paralelo.
La nueva versión trae un montón de mejoras.
Te explico en dos minutos cómo funciona:
February 5, 2026 at 1:56 PM
¡Visual Studio Code sube de nivel!
Llegan los agentes de IA en paralelo.
La nueva versión trae un montón de mejoras.
Te explico en dos minutos cómo funciona:
Llegan los agentes de IA en paralelo.
La nueva versión trae un montón de mejoras.
Te explico en dos minutos cómo funciona:
Reposted by Marcos de Miguel
Here's a quick HTML party trick. Do you know that you can overwrite a form's behavior with a button?
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
February 4, 2026 at 6:09 PM
Here's a quick HTML party trick. Do you know that you can overwrite a form's behavior with a button?
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
Reposted by Marcos de Miguel
¿Sabías esto? En cualquier repo de GitHub...
Cambia "github" por "deepwiki" en la URL.
Entrarás a una documentación generada por IA.
Le puedes hacer preguntas como si fuera un chat.
Una joyita para entender código sin perder tiempo:
Cambia "github" por "deepwiki" en la URL.
Entrarás a una documentación generada por IA.
Le puedes hacer preguntas como si fuera un chat.
Una joyita para entender código sin perder tiempo:
February 4, 2026 at 2:58 PM
¿Sabías esto? En cualquier repo de GitHub...
Cambia "github" por "deepwiki" en la URL.
Entrarás a una documentación generada por IA.
Le puedes hacer preguntas como si fuera un chat.
Una joyita para entender código sin perder tiempo:
Cambia "github" por "deepwiki" en la URL.
Entrarás a una documentación generada por IA.
Le puedes hacer preguntas como si fuera un chat.
Una joyita para entender código sin perder tiempo:
Reposted by Marcos de Miguel
¿Cómo liberar gigas de disco si eres programador web?
Limpia todos los node_modules que no usas.
Ejecuta el comando: npx npkill
Te muestra las carpetas node_modules y sus tamaños.
Dale [Espacio] para eliminar las que ya no uses ↓
Limpia todos los node_modules que no usas.
Ejecuta el comando: npx npkill
Te muestra las carpetas node_modules y sus tamaños.
Dale [Espacio] para eliminar las que ya no uses ↓
February 2, 2026 at 1:56 PM
¿Cómo liberar gigas de disco si eres programador web?
Limpia todos los node_modules que no usas.
Ejecuta el comando: npx npkill
Te muestra las carpetas node_modules y sus tamaños.
Dale [Espacio] para eliminar las que ya no uses ↓
Limpia todos los node_modules que no usas.
Ejecuta el comando: npx npkill
Te muestra las carpetas node_modules y sus tamaños.
Dale [Espacio] para eliminar las que ya no uses ↓
Reposted by Marcos de Miguel
¡Nueva biblioteca de TypeScript muy interesante!
Parsea, modifica y genera PDF de forma fácil e intuitiva.
También permite exportar como imagen.
Se llama LibPDF y es súper fácil de usar:
Parsea, modifica y genera PDF de forma fácil e intuitiva.
También permite exportar como imagen.
Se llama LibPDF y es súper fácil de usar:
February 2, 2026 at 3:59 PM
¡Nueva biblioteca de TypeScript muy interesante!
Parsea, modifica y genera PDF de forma fácil e intuitiva.
También permite exportar como imagen.
Se llama LibPDF y es súper fácil de usar:
Parsea, modifica y genera PDF de forma fácil e intuitiva.
También permite exportar como imagen.
Se llama LibPDF y es súper fácil de usar:
Reposted by Marcos de Miguel
¡Esta app del creador de OpenClaw es brutal!
CodexBar te muestra del uso de tus suscripciones:
✓ Disponible en macOS y Windows
✓ Uso semanal y limites por sesión
✓ Funciona con Claude, Gemini, Cursor y más
→ github.com/steipete/CodexBar
CodexBar te muestra del uso de tus suscripciones:
✓ Disponible en macOS y Windows
✓ Uso semanal y limites por sesión
✓ Funciona con Claude, Gemini, Cursor y más
→ github.com/steipete/CodexBar
February 1, 2026 at 3:23 PM
¡Esta app del creador de OpenClaw es brutal!
CodexBar te muestra del uso de tus suscripciones:
✓ Disponible en macOS y Windows
✓ Uso semanal y limites por sesión
✓ Funciona con Claude, Gemini, Cursor y más
→ github.com/steipete/CodexBar
CodexBar te muestra del uso de tus suscripciones:
✓ Disponible en macOS y Windows
✓ Uso semanal y limites por sesión
✓ Funciona con Claude, Gemini, Cursor y más
→ github.com/steipete/CodexBar
Reposted by Marcos de Miguel
¡Google ha lanzado una alternativa a Duolingo!
Se llama Little Language Lessons y es 100% gratis.
✓ Inglés, Alemán, Chino... más de 40 idiomas
✓ Genera conversaciones y vocabulario
✓ Te ayuda a mejorar tu pronunciación
→ labs.google/lll/es
Se llama Little Language Lessons y es 100% gratis.
✓ Inglés, Alemán, Chino... más de 40 idiomas
✓ Genera conversaciones y vocabulario
✓ Te ayuda a mejorar tu pronunciación
→ labs.google/lll/es
January 30, 2026 at 1:57 PM
¡Google ha lanzado una alternativa a Duolingo!
Se llama Little Language Lessons y es 100% gratis.
✓ Inglés, Alemán, Chino... más de 40 idiomas
✓ Genera conversaciones y vocabulario
✓ Te ayuda a mejorar tu pronunciación
→ labs.google/lll/es
Se llama Little Language Lessons y es 100% gratis.
✓ Inglés, Alemán, Chino... más de 40 idiomas
✓ Genera conversaciones y vocabulario
✓ Te ayuda a mejorar tu pronunciación
→ labs.google/lll/es
Reposted by Marcos de Miguel
¡Esta web es una mina de oro para programadores!
+2000 plantillas HTML gratuitas + componentes de UI
Para React, Angular, Vue, Astro, Next.js...
+2000 plantillas HTML gratuitas + componentes de UI
Para React, Angular, Vue, Astro, Next.js...
January 29, 2026 at 2:58 PM
¡Esta web es una mina de oro para programadores!
+2000 plantillas HTML gratuitas + componentes de UI
Para React, Angular, Vue, Astro, Next.js...
+2000 plantillas HTML gratuitas + componentes de UI
Para React, Angular, Vue, Astro, Next.js...
Reposted by Marcos de Miguel
Are you using the HTML autocomplete attribute on fields for 2FA, one-time codes, and web authentication? 🔒
Please do—it massively improves the login UX.
Please do—it massively improves the login UX.
January 28, 2026 at 2:04 PM
Are you using the HTML autocomplete attribute on fields for 2FA, one-time codes, and web authentication? 🔒
Please do—it massively improves the login UX.
Please do—it massively improves the login UX.
Reposted by Marcos de Miguel
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
accessibilityforeveryone.site
January 27, 2026 at 1:14 PM
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Reposted by Marcos de Miguel
GitHub ha soltado hace unos días una bomba para devs 🚀
Con el GitHub Copilot SDK ahora puedes meter un agente de IA real (planifica, ejecuta comandos, edita archivos, usa tools) en cualquier app: CLI, backend, web o GUI 🤯
https://github.com/github/copilot-sdk
Con el GitHub Copilot SDK ahora puedes meter un agente de IA real (planifica, ejecuta comandos, edita archivos, usa tools) en cualquier app: CLI, backend, web o GUI 🤯
https://github.com/github/copilot-sdk
January 27, 2026 at 3:03 PM
GitHub ha soltado hace unos días una bomba para devs 🚀
Con el GitHub Copilot SDK ahora puedes meter un agente de IA real (planifica, ejecuta comandos, edita archivos, usa tools) en cualquier app: CLI, backend, web o GUI 🤯
https://github.com/github/copilot-sdk
Con el GitHub Copilot SDK ahora puedes meter un agente de IA real (planifica, ejecuta comandos, edita archivos, usa tools) en cualquier app: CLI, backend, web o GUI 🤯
https://github.com/github/copilot-sdk
Reposted by Marcos de Miguel
¿Te cuesta elegir la fuente para tu web? ¡Este recurso es perfecto para diseñadores y programadores!
Te da las mejores combinaciones de fuentes gratuitas:
→ fontpair.co
Te da las mejores combinaciones de fuentes gratuitas:
→ fontpair.co
January 27, 2026 at 4:15 PM
¿Te cuesta elegir la fuente para tu web? ¡Este recurso es perfecto para diseñadores y programadores!
Te da las mejores combinaciones de fuentes gratuitas:
→ fontpair.co
Te da las mejores combinaciones de fuentes gratuitas:
→ fontpair.co
Reposted by Marcos de Miguel
He creado una chuleta de Git para programadores
January 25, 2026 at 2:58 PM
He creado una chuleta de Git para programadores
Reposted by Marcos de Miguel
This is a great post about SVG's `feTurbulence` and other SVG filters, @sarasoueidan.com. Thanks a lot!
tympanus.net/codrops/2019...
tympanus.net/codrops/2019...
SVG Filter Effects: Creating Texture with <feTurbulence> | Codrops
feTurbulence is one of the most powerful SVG filter primitives. The specification defines this primitive as follows: Thi
tympanus.net
January 24, 2026 at 8:37 AM
This is a great post about SVG's `feTurbulence` and other SVG filters, @sarasoueidan.com. Thanks a lot!
tympanus.net/codrops/2019...
tympanus.net/codrops/2019...
Reposted by Marcos de Miguel
¡He creado un plugin de animaciones para Tailwind!
✓ +70 transiciones listas para usar
✓ Personaliza la animación con clases
✓ Anima elementos a través del scroll
✓ Puro CSS, rendimiento top
$ npm install tailwind-animations
✓ +70 transiciones listas para usar
✓ Personaliza la animación con clases
✓ Anima elementos a través del scroll
✓ Puro CSS, rendimiento top
$ npm install tailwind-animations
January 24, 2026 at 1:57 PM
¡He creado un plugin de animaciones para Tailwind!
✓ +70 transiciones listas para usar
✓ Personaliza la animación con clases
✓ Anima elementos a través del scroll
✓ Puro CSS, rendimiento top
$ npm install tailwind-animations
✓ +70 transiciones listas para usar
✓ Personaliza la animación con clases
✓ Anima elementos a través del scroll
✓ Puro CSS, rendimiento top
$ npm install tailwind-animations
Reposted by Marcos de Miguel
Whoop! Updating my CodePen!
codepen.io/dutchcelt/fu...
codepen.io/dutchcelt/fu...
Layout toggle with Web Component Cards
Created a singular layout structure that can easily utilize CSS's three main layout tools: 1. CSS Multiple-Column Layout 2. CSS Grid Layout 3. CSS Flex...
codepen.io
January 23, 2026 at 2:06 PM
Whoop! Updating my CodePen!
codepen.io/dutchcelt/fu...
codepen.io/dutchcelt/fu...
Reposted by Marcos de Miguel
Did you know that you can easily debug starting-style CSS at-rules in Chrome DevTools? 🏁
In the Elements Panel, find the element where the starting-style is applied, then click on the (starting-style) label to show the values in DevTools. 🔥
Have you already used the Starting Style at-rule?
In the Elements Panel, find the element where the starting-style is applied, then click on the (starting-style) label to show the values in DevTools. 🔥
Have you already used the Starting Style at-rule?
January 24, 2026 at 1:18 AM
Did you know that you can easily debug starting-style CSS at-rules in Chrome DevTools? 🏁
In the Elements Panel, find the element where the starting-style is applied, then click on the (starting-style) label to show the values in DevTools. 🔥
Have you already used the Starting Style at-rule?
In the Elements Panel, find the element where the starting-style is applied, then click on the (starting-style) label to show the values in DevTools. 🔥
Have you already used the Starting Style at-rule?
Reposted by Marcos de Miguel
¿Queréis saber cómo testear la accesibilidad de vuestras webs?
Este vídeo de la @commitconf es un buen ejemplo
Este vídeo de la @commitconf es un buen ejemplo
Adrián Bolonio - Testeando Accesibilidad Web
La accesibilidad web no solo es navegación por teclado, contraste de color, o lectores de pantalla. La accesibilidad es un indicador perfecto de la calidad de un sitio web. Cuando un sitio web es…
www.youtube.com
January 22, 2026 at 6:03 PM
¿Queréis saber cómo testear la accesibilidad de vuestras webs?
Este vídeo de la @commitconf es un buen ejemplo
Este vídeo de la @commitconf es un buen ejemplo
Reposted by Marcos de Miguel
If the typography on your site is not right, the whole thing looks off.
This week I'm sharing 10 practical CSS tips for improving your website's typography: youtu.be/zpoOEiBwZ2g
This week I'm sharing 10 practical CSS tips for improving your website's typography: youtu.be/zpoOEiBwZ2g
10 CSS tricks I wish I knew sooner (typography edition)
YouTube video by The Admin Bar
youtu.be
January 21, 2026 at 1:22 PM
If the typography on your site is not right, the whole thing looks off.
This week I'm sharing 10 practical CSS tips for improving your website's typography: youtu.be/zpoOEiBwZ2g
This week I'm sharing 10 practical CSS tips for improving your website's typography: youtu.be/zpoOEiBwZ2g