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.
Reposted by Marcos de Miguel
Hoja de Referencia de Python3 en Español.
Chuleta con todo lo que necesitas en un sitio ↓
Chuleta con todo lo que necesitas en un sitio ↓
December 26, 2025 at 1:56 PM
Hoja de Referencia de Python3 en Español.
Chuleta con todo lo que necesitas en un sitio ↓
Chuleta con todo lo que necesitas en un sitio ↓
Reposted by Marcos de Miguel
Efecto nieve para tu página web con CSS y JS.
Te dejo el código en el primer comentario ↓
Te dejo el código en el primer comentario ↓
December 25, 2025 at 3:56 PM
Efecto nieve para tu página web con CSS y JS.
Te dejo el código en el primer comentario ↓
Te dejo el código en el primer comentario ↓
Reposted by Marcos de Miguel
Herramienta que extrae toda la información de una web
✓ Detecta problemas de seguridad
✓ Métricas de optimización y calidad
✓ DNS, Text Records, SSL, IP info y headers
El recurso es gratuito y muy útil:
→ web-check.xyz
✓ Detecta problemas de seguridad
✓ Métricas de optimización y calidad
✓ DNS, Text Records, SSL, IP info y headers
El recurso es gratuito y muy útil:
→ web-check.xyz
December 23, 2025 at 1:56 PM
Herramienta que extrae toda la información de una web
✓ Detecta problemas de seguridad
✓ Métricas de optimización y calidad
✓ DNS, Text Records, SSL, IP info y headers
El recurso es gratuito y muy útil:
→ web-check.xyz
✓ Detecta problemas de seguridad
✓ Métricas de optimización y calidad
✓ DNS, Text Records, SSL, IP info y headers
El recurso es gratuito y muy útil:
→ web-check.xyz
Reposted by Marcos de Miguel
¿Sabías que puedes hacer esto en JavaScript?
Valida formularios con atributos HTML...
Y personaliza los mensajes con setCustomValidity.
Sin bibliotecas y soporte en todos los navegadores:
Valida formularios con atributos HTML...
Y personaliza los mensajes con setCustomValidity.
Sin bibliotecas y soporte en todos los navegadores:
December 23, 2025 at 2:58 PM
¿Sabías que puedes hacer esto en JavaScript?
Valida formularios con atributos HTML...
Y personaliza los mensajes con setCustomValidity.
Sin bibliotecas y soporte en todos los navegadores:
Valida formularios con atributos HTML...
Y personaliza los mensajes con setCustomValidity.
Sin bibliotecas y soporte en todos los navegadores:
Reposted by Marcos de Miguel
¡Tengo algo que anunciar!
¡El próximo 1/FEB comenzamos Bootcamp gratuito de Desarrollo web en Twitch/Youtube!
✅ Prioridad: entender los fundamentos
✅ Enfoque moderno
✅ Tienes el temario en la web
✅ Si tienes alguna duda, visita la FAQ
👇 ¡Comparte y sígueme en redes para no perdértelo!
¡El próximo 1/FEB comenzamos Bootcamp gratuito de Desarrollo web en Twitch/Youtube!
✅ Prioridad: entender los fundamentos
✅ Enfoque moderno
✅ Tienes el temario en la web
✅ Si tienes alguna duda, visita la FAQ
👇 ¡Comparte y sígueme en redes para no perdértelo!
December 22, 2025 at 11:49 AM
¡Tengo algo que anunciar!
¡El próximo 1/FEB comenzamos Bootcamp gratuito de Desarrollo web en Twitch/Youtube!
✅ Prioridad: entender los fundamentos
✅ Enfoque moderno
✅ Tienes el temario en la web
✅ Si tienes alguna duda, visita la FAQ
👇 ¡Comparte y sígueme en redes para no perdértelo!
¡El próximo 1/FEB comenzamos Bootcamp gratuito de Desarrollo web en Twitch/Youtube!
✅ Prioridad: entender los fundamentos
✅ Enfoque moderno
✅ Tienes el temario en la web
✅ Si tienes alguna duda, visita la FAQ
👇 ¡Comparte y sígueme en redes para no perdértelo!
Reposted by Marcos de Miguel
Muestra un calendario en tu Web o App fácil.
Se llama Cally y es genial:
✓ Multi-idioma
✓ Sólo pesa 9 KB
✓ Personalizable con CSS
✓ Funciona en React, Angular, Vue...
→ npm install cally
Se llama Cally y es genial:
✓ Multi-idioma
✓ Sólo pesa 9 KB
✓ Personalizable con CSS
✓ Funciona en React, Angular, Vue...
→ npm install cally
December 22, 2025 at 4:01 PM
Muestra un calendario en tu Web o App fácil.
Se llama Cally y es genial:
✓ Multi-idioma
✓ Sólo pesa 9 KB
✓ Personalizable con CSS
✓ Funciona en React, Angular, Vue...
→ npm install cally
Se llama Cally y es genial:
✓ Multi-idioma
✓ Sólo pesa 9 KB
✓ Personalizable con CSS
✓ Funciona en React, Angular, Vue...
→ npm install cally
German auditors reject accessibility overlays in EAA context.
Use of accessibility widgets disqualifies websites from BIK certification chrisyoong.com/blog/germany...
Use of accessibility widgets disqualifies websites from BIK certification chrisyoong.com/blog/germany...
German auditors reject accessibility overlays in EAA context
Use of accessibility widgets disqualifies websites from BIK certification
chrisyoong.com
December 22, 2025 at 8:08 AM
German auditors reject accessibility overlays in EAA context.
Use of accessibility widgets disqualifies websites from BIK certification chrisyoong.com/blog/germany...
Use of accessibility widgets disqualifies websites from BIK certification chrisyoong.com/blog/germany...
Reposted by Marcos de Miguel
¿Quieres subir archivos a una web fácilmente?
¡Esta biblioteca de JavaScript te ayuda a conseguirlo!
✓ Con poca configuración
✓ Estilos CSS bonitos y personalizables
✓ Compatible con React, Vue, Angular y jQuery
Instalación → npm i filepond
¡Esta biblioteca de JavaScript te ayuda a conseguirlo!
✓ Con poca configuración
✓ Estilos CSS bonitos y personalizables
✓ Compatible con React, Vue, Angular y jQuery
Instalación → npm i filepond
December 21, 2025 at 5:30 PM
¿Quieres subir archivos a una web fácilmente?
¡Esta biblioteca de JavaScript te ayuda a conseguirlo!
✓ Con poca configuración
✓ Estilos CSS bonitos y personalizables
✓ Compatible con React, Vue, Angular y jQuery
Instalación → npm i filepond
¡Esta biblioteca de JavaScript te ayuda a conseguirlo!
✓ Con poca configuración
✓ Estilos CSS bonitos y personalizables
✓ Compatible con React, Vue, Angular y jQuery
Instalación → npm i filepond
Reposted by Marcos de Miguel
Desvanece texto o imágenes de forma progresiva.
Con una línea de CSS, sin elementos HTML extra...
Sólo tienes que usar mask-image así ↓
Con una línea de CSS, sin elementos HTML extra...
Sólo tienes que usar mask-image así ↓
December 21, 2025 at 6:59 PM
Desvanece texto o imágenes de forma progresiva.
Con una línea de CSS, sin elementos HTML extra...
Sólo tienes que usar mask-image así ↓
Con una línea de CSS, sin elementos HTML extra...
Sólo tienes que usar mask-image así ↓
Reposted by Marcos de Miguel
Chuleta de SQL para todos los niveles:
December 21, 2025 at 2:56 PM
Chuleta de SQL para todos los niveles:
Reposted by Marcos de Miguel
¡Brutal forma de cambiar a modo oscuro tu web!
Usa una animación con View Transitions.
Son 2 líneas de JavaScript y un poco de CSS:
→ theme-toggle.rdsx.dev
Usa una animación con View Transitions.
Son 2 líneas de JavaScript y un poco de CSS:
→ theme-toggle.rdsx.dev
December 19, 2025 at 2:57 PM
¡Brutal forma de cambiar a modo oscuro tu web!
Usa una animación con View Transitions.
Son 2 líneas de JavaScript y un poco de CSS:
→ theme-toggle.rdsx.dev
Usa una animación con View Transitions.
Son 2 líneas de JavaScript y un poco de CSS:
→ theme-toggle.rdsx.dev
The State of HTML 2025 Survey Results
2025.stateofhtml.com
2025.stateofhtml.com
State of HTML 2025
The 2025 edition of the annual survey about the latest trends in the HTML ecosystem.
2025.stateofhtml.com
December 18, 2025 at 6:40 AM
The State of HTML 2025 Survey Results
2025.stateofhtml.com
2025.stateofhtml.com
Reposted by Marcos de Miguel
¡Este efecto con CSS y JavaScript es tremendo!
Ilumina por donde pasa el ratón. Diseño muy de moda.
Código fuente y demostración aquí:
→ codepen.io/inescodes/pe...
Ilumina por donde pasa el ratón. Diseño muy de moda.
Código fuente y demostración aquí:
→ codepen.io/inescodes/pe...
December 17, 2025 at 3:59 PM
¡Este efecto con CSS y JavaScript es tremendo!
Ilumina por donde pasa el ratón. Diseño muy de moda.
Código fuente y demostración aquí:
→ codepen.io/inescodes/pe...
Ilumina por donde pasa el ratón. Diseño muy de moda.
Código fuente y demostración aquí:
→ codepen.io/inescodes/pe...
Reposted by Marcos de Miguel
Se acaba de lanzar Gemini 3 Flash, diseñado para responderte al instante.
Peeeeroooo lo importante es que a Nano Banana ahora le puedes indicar dónde realizar los cambios.
Peeeeroooo lo importante es que a Nano Banana ahora le puedes indicar dónde realizar los cambios.
December 17, 2025 at 6:35 PM
Se acaba de lanzar Gemini 3 Flash, diseñado para responderte al instante.
Peeeeroooo lo importante es que a Nano Banana ahora le puedes indicar dónde realizar los cambios.
Peeeeroooo lo importante es que a Nano Banana ahora le puedes indicar dónde realizar los cambios.
Reposted by Marcos de Miguel
¡Google acaba de lanzar su repo oficial de MCP!
Con ejemplos reales y guías para desplegarlos y usarlos.
✓ Google Maps, Analytics, Gmail, Docs y más
✓ Te enseña a montar tu propio MCP en minutos
De código abierto: github.com/google/mcp
Con ejemplos reales y guías para desplegarlos y usarlos.
✓ Google Maps, Analytics, Gmail, Docs y más
✓ Te enseña a montar tu propio MCP en minutos
De código abierto: github.com/google/mcp
December 17, 2025 at 7:31 PM
¡Google acaba de lanzar su repo oficial de MCP!
Con ejemplos reales y guías para desplegarlos y usarlos.
✓ Google Maps, Analytics, Gmail, Docs y más
✓ Te enseña a montar tu propio MCP en minutos
De código abierto: github.com/google/mcp
Con ejemplos reales y guías para desplegarlos y usarlos.
✓ Google Maps, Analytics, Gmail, Docs y más
✓ Te enseña a montar tu propio MCP en minutos
De código abierto: github.com/google/mcp
Reposted by Marcos de Miguel
Create engaging, scrolly-telling experiences with just a single line of CSS ✨
The new Scroll-Triggered Animations feature lets you trigger an animation when an element scrolls into view, delivering high performance with ease → goo.gle/4iZhVnK
The new Scroll-Triggered Animations feature lets you trigger an animation when an element scrolls into view, delivering high performance with ease → goo.gle/4iZhVnK
December 15, 2025 at 5:22 PM
Create engaging, scrolly-telling experiences with just a single line of CSS ✨
The new Scroll-Triggered Animations feature lets you trigger an animation when an element scrolls into view, delivering high performance with ease → goo.gle/4iZhVnK
The new Scroll-Triggered Animations feature lets you trigger an animation when an element scrolls into view, delivering high performance with ease → goo.gle/4iZhVnK
Reposted by Marcos de Miguel
Minicurso oficial de Claude Code gratis y con certificado para dar tus primeros pasos!
December 13, 2025 at 3:03 PM
Minicurso oficial de Claude Code gratis y con certificado para dar tus primeros pasos!
Reposted by Marcos de Miguel
¿Quieres crear tu portafolio pero no sabes de diseño?
¡Esta página tiene los mejores para que te inspires!
Para UX y Programadores: prettyfolio.com/
¡Esta página tiene los mejores para que te inspires!
Para UX y Programadores: prettyfolio.com/
December 13, 2025 at 7:33 PM
¿Quieres crear tu portafolio pero no sabes de diseño?
¡Esta página tiene los mejores para que te inspires!
Para UX y Programadores: prettyfolio.com/
¡Esta página tiene los mejores para que te inspires!
Para UX y Programadores: prettyfolio.com/
Reposted by Marcos de Miguel
Chrome DevTools Elements Panel Tips & Tricks
In this guide, you’ll learn how to:
🪧 Hide inspect element popups on hover
✅ Work with CSS classes effectively
🫣 Keep dropdowns from disappearing while DevTools are focused
cssw.io/devtools-ele...
In this guide, you’ll learn how to:
🪧 Hide inspect element popups on hover
✅ Work with CSS classes effectively
🫣 Keep dropdowns from disappearing while DevTools are focused
cssw.io/devtools-ele...
Chrome DevTools Elements Panel Tips & Tricks
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
December 12, 2025 at 12:38 PM
Chrome DevTools Elements Panel Tips & Tricks
In this guide, you’ll learn how to:
🪧 Hide inspect element popups on hover
✅ Work with CSS classes effectively
🫣 Keep dropdowns from disappearing while DevTools are focused
cssw.io/devtools-ele...
In this guide, you’ll learn how to:
🪧 Hide inspect element popups on hover
✅ Work with CSS classes effectively
🫣 Keep dropdowns from disappearing while DevTools are focused
cssw.io/devtools-ele...
Reposted by Marcos de Miguel
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
December 11, 2025 at 5:11 PM
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
Reposted by Marcos de Miguel
¡Curso oficial de Microsoft de Inteligencia Artificial generativa! Gratuito y en Español.
✓ 21 lecciones con código y vídeo
✓ De cero a crear agentes de IA y entrenar modelos
→ microsoft.github.io/generative-a...
✓ 21 lecciones con código y vídeo
✓ De cero a crear agentes de IA y entrenar modelos
→ microsoft.github.io/generative-a...
December 10, 2025 at 3:59 PM
¡Curso oficial de Microsoft de Inteligencia Artificial generativa! Gratuito y en Español.
✓ 21 lecciones con código y vídeo
✓ De cero a crear agentes de IA y entrenar modelos
→ microsoft.github.io/generative-a...
✓ 21 lecciones con código y vídeo
✓ De cero a crear agentes de IA y entrenar modelos
→ microsoft.github.io/generative-a...
Reposted by Marcos de Miguel
10 Cool CodePen Demos from November 2025: Cards, whimsical components, shaders, directional aware icons, CSS art, prototypes and experiments with new web features... and more!
alvaromontoro.com/10-cool-code...
#javascript #css #html #gsap #svg #webdev #codepen
alvaromontoro.com/10-cool-code...
#javascript #css #html #gsap #svg #webdev #codepen
10 Cool CodePen demos
10 Cool CodePen demos from November 2025
alvaromontoro.com
December 10, 2025 at 3:31 PM
10 Cool CodePen Demos from November 2025: Cards, whimsical components, shaders, directional aware icons, CSS art, prototypes and experiments with new web features... and more!
alvaromontoro.com/10-cool-code...
#javascript #css #html #gsap #svg #webdev #codepen
alvaromontoro.com/10-cool-code...
#javascript #css #html #gsap #svg #webdev #codepen
Reposted by Marcos de Miguel
Hoy no he tenido tiempo para preparar una publicación, así que aquí están todos mis cursos gratis para aprender a programar.
→ https://moure.dev/cursos
→ https://moure.dev/cursos
December 10, 2025 at 2:31 PM
Hoy no he tenido tiempo para preparar una publicación, así que aquí están todos mis cursos gratis para aprender a programar.
→ https://moure.dev/cursos
→ https://moure.dev/cursos
Reposted by Marcos de Miguel
¡Aprende Desarrollo de APIs desde cero!
Este recurso es gratuito y tiene:
✓ Curso de API REST y GraphQL paso a paso
✓ Cómo añadir seguridad a tus APIs
✓ Aprende a monetizar tu API
→ rapidapi.com/learn
Este recurso es gratuito y tiene:
✓ Curso de API REST y GraphQL paso a paso
✓ Cómo añadir seguridad a tus APIs
✓ Aprende a monetizar tu API
→ rapidapi.com/learn
December 9, 2025 at 3:58 PM
¡Aprende Desarrollo de APIs desde cero!
Este recurso es gratuito y tiene:
✓ Curso de API REST y GraphQL paso a paso
✓ Cómo añadir seguridad a tus APIs
✓ Aprende a monetizar tu API
→ rapidapi.com/learn
Este recurso es gratuito y tiene:
✓ Curso de API REST y GraphQL paso a paso
✓ Cómo añadir seguridad a tus APIs
✓ Aprende a monetizar tu API
→ rapidapi.com/learn
Reposted by Marcos de Miguel
🎉 And we're live! 🎉
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
chrome.dev
December 8, 2025 at 5:08 PM
🎉 And we're live! 🎉
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025