Marta Vilaseca

👩🏻‍💻 Frontend Developer + UX/UI explorer, crafting code one pixel at a time ✨
CSS enthusiast 🤩 TypeScript + React but always learning more

[Marta Vilaseca @martavilaseca]

Por si a alguien le interesa: aún seguiré por aquí, pero también estoy en la app del cielo azul con el mismo nombre de usuario 💙
~
In case anyone is interested: I'll still be around, but you can also find me on the blue skies app with the same username 💙

[Marta Vilaseca @martavilaseca]

Creo que voy a llorar.

[Miguel Ángel Durán @midudev]

¡Histórico! En 2026 se arregla POR FIN uno de los los mayores problemas de los <iframe> en HTML.

Hacer iframe responsive sin hacks raros:
✓ En CSS: frame-sizing: content-height
✓ Si el contenido cambia: window.requestResize()

¡Por ahora sólo Chrome 154!

[Miguel Ángel Durán @midudev]

Ciclo de vida del programador

[Miguel Ángel Durán @midudev]

Los japoneses con ThreeJS están creando páginas web que te vuelan la cabeza:

[Miguel Ángel Durán @midudev]

¡Qué joya de herramienta para devs y diseñadores!
Genera una paleta de colores super fácil en segundos.

Exporta para CSS, Figma y Tailwind
→ https://t.co/rI7n2lxlTk

[Marta Vilaseca @martavilaseca]

Me empezó a pasar hace unos días y me acabé instalando winMoji (https://t.co/bfCTTce2GE) para salir del paso... sencilla, open source, búsqueda de emojis funcionando sin problemas en segundos👌🏻👀

[Manz 🇮🇨⚡👾 @Manz]

Si a alguien le ha dejado de funcionar el buscador de emojis de Windows 10 (Tecla `win` + `.`), la culpable es la actualización `KB5062554` del pasado 10 de Julio.

Paso sólo a dejar el dato, por si a alguien le pasa.

[Marta Vilaseca @martavilaseca]

@midudev @boltdotnew Pues sí, la verdad... Si el cupón era un error que no debió filtrarse, había varias formas de gestionar el tema y han elegido la peor 🤦🏻‍♀️

[Marta Vilaseca @martavilaseca]

@midudev Ole, funcionó!!! Muchas gracias Midu 💙

[Marta Vilaseca @martavilaseca]

Gracias a un post de LinkedIn, acabo de descubrir casualmente lo que probablemente es una de las mejores muestras que he visto de humor para programadores y me parece: maravillosa #recursividad #google #easteregg 🤣

[Miguel Ángel Durán @midudev]

¡Revolución en CSS! if() llega al lenguaje.
Nueva sintaxis para crear estilos condicionales.
Ya disponible en Chrome 137.

¿Ahora sí es un lenguaje de programación?

[AdoptaUnJunior @AdoptaUnJunior]

🤝 Networking + 💡 aprendizaje + 👩‍💻 oportunidades para juniors + 🎙 Charlas y talleres de profesionales reconocidos del sector = #RevolutionTech, el primer evento físico de #AdoptaUnJunior 🎉🚀
20/06/2025 en Madrid, ¿Te lo vas a perder? ¡Entradas disponibles próximamente! 🎟✨

[Marta Vilaseca @martavilaseca]

Ojito con la que estamos preparando desde @AdoptaUnJunior 👀

[AdoptaUnJunior @AdoptaUnJunior]

🚀 ¡Prepárate para la #RevolucionTech con #AdoptaUnJunior este junio! Estamos preparando algo muy grande… 🧨🤖 La próxima semana compartiremos más detalles 👀✨ #SeVienenCositas
¿Te imaginas la que estamos liando? 😏 ¿Qué crees que podría ser? 🤔
¡Cuéntanos, te leemos! 💬👇🏻

[CodePen.IO @CodePen]

"CSS Holographic Masks" by Christian Alder

https://t.co/vq7EvJHpzU

[Marta Vilaseca @martavilaseca]

A lo mejor esto ayuda a que a la gente le quede más claro el tema de la semántica/jerarquía y la necesidad de utilizar distintos niveles de encabezado dentro de un documento... que ya va tocando👀

[Miguel Ángel Durán @midudev]

¡Cambio importante en HTML sobre el elemento h1!
Revisa que no afecte a tu página.

Actualmente si usas h1 dentro de elementos como section, automáticamente disminuye su tamaño.

En los próximos meses, todos los navegadores cambiarán esto y usarán siempre el mismo tamaño.

[Miguel Ángel Durán @midudev]

¿Ya sabes HTML, CSS y JavaScript?
¡Guía de estudio de qué más puedes aprender ahora!

🎯 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱
📦 Dependencias → pnpm
⚛️ Componentes UI → React & Vue
🎨 Estilos → Tailwind CSS
🗃️ Estado global → Zustand & Pinia
🚀 Frameworks SSR → Next.js & Astro
⚡ Edge Functions → Cloudflare Workers
📈 Optimización → Web Vitals y Performance
♿ Accesibilidad → WCAG

🛠️ 𝗕𝗮𝗰𝗸𝗲𝗻𝗱
🚧 Backend → Node.js
📐 Tipos → TypeScript
🔒 Autenticación → Auth.js
🗄️ Bases de datos → PostgreSQL & MySQL
🔑 Seguridad → OWASP
📐 Arquitectura → Clean Architecture

🧪 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 & 𝗖𝗜/𝗖𝗗
✅ Testing → Vitest
🎭 E2E → Playwright
♻️ CI/CD → GitHub Actions
🚢 Contenedores → Docker
🌎 Despliegues automáticos → Vercel

[AdoptaUnJunior @AdoptaUnJunior]

🔗 ¡Únete a nuestro canal de Telegram y no te pierdas de nada!
👉🏽 https://t.co/PRFjHQuvtT

👉 Con este canal, recibiréis las últimas novedades, artículos, eventos, y todo lo que vamos compartiendo en nuestros timelines infinitos y noticias exclusivas..¡Se vienen cositas!🤩

[Marta Vilaseca @martavilaseca]

@codedex_io P.S. - If you like the project and have a Codedéx account, please go and give it some love! https://t.co/U9oZMj3NPp

[Marta Vilaseca @martavilaseca]

It's been an intense year. I missed doing something for fun, so I took part in the @codedex_io retro Holiday Hackaton✨
Remember virtual pet adoption & quizzes of the late 90s, early 00s web? Meet KittenBytes! 💗

Live Demo: https://t.co/YHOdvBKOjw
Code: https://t.co/MoKQaM436L

[Miguel Ángel Durán @midudev]

¡Inmensa Colección de Hooks para React!

✓ Sincroniza tu estado con localStorage
✓ Recupera las dimensiones del window
✓ Detecta si el usuario se quedó sin conexión
✓ Crea un debounce para optimizar tus inputs
✓ ...y muchos +

→ https://t.co/03XorXs5xw

[Marta Vilaseca @martavilaseca]

No os pasa que cuando más os dicen que no podéis conseguir algo más ganas tenéis de demostrarles que se equivocan?

Pues eso.

[Marta Vilaseca @martavilaseca]

@duolingo Looks like I'm safe? *For now* 👀