# Blog de Marta González

Artículos sobre desarrollo frontend, UX, accesibilidad, testing, WordPress y diseño web.

## Artículos recientes

- [Qué son los overlays de accesibilidad y por qué son un problema](https://www.martagonzalez.dev/blog/que-son-los-overlays-de-accesibilidad-y-por-que-son-un-problema/): Qué son los overlays de accesibilidad, por qué pueden ser un problema para la a11y y cómo mejorar una web desde el código, el diseño y la experiencia real.
- [Cómo crear animaciones suaves con transition](https://www.martagonzalez.dev/blog/como-crear-animaciones-suaves-con-transition/): Cómo crear animaciones suaves con transition en CSS y aplica efectos hover fluidos, accesibles y optimizados en botones, tarjetas y menús.
- [Qué partes de CSS funcionan realmente en email marketing](https://www.martagonzalez.dev/blog/que-partes-css-funcionan-email-marketing/): Descubre qué CSS funciona en email marketing, qué propiedades son compatibles y cómo evitar problemas en Outlook, Gmail y clientes móviles.
- [Skeleton loaders con CSS: animaciones para mejorar la percepción de carga](https://www.martagonzalez.dev/blog/skeleton-loaders-con-css-animaciones-para-mejorar-la-percepcion-de-carga/): Aprende a crear skeleton loaders con CSS, aplicar el efecto shimmer y mejorar la percepción de carga, la accesibilidad y el rendimiento web.
- [Cómo crear loaders animados solo con CSS](https://www.martagonzalez.dev/blog/como-crear-loaders-animados-solo-con-css/): Aprende cómo crear loaders animados solo con CSS con ejemplos de spinner, puntos, barras y buenas prácticas de accesibilidad y rendimiento.
- [Cómo funciona @keyframes en CSS explicado fácil](https://www.martagonzalez.dev/blog/como-funciona-keyframes-en-css-explicado-facil/): Cómo funciona @keyframes en CSS paso a paso, buenas prácticas y consejos para crear animaciones CSS útiles.
- [Cómo hacer emails responsive sin volverte loca con tablas HTML](https://www.martagonzalez.dev/blog/como-hacer-emails-responsive-sin-volverte-loca-con-tablas-html/): Aprende cómo crear emails responsive con tablas HTML, CSS compatible y buenas prácticas para maquetar newsletters sin romperte la cabeza.
- [Diferencia entre transition y animation en CSS](https://www.martagonzalez.dev/blog/diferencia-entre-transition-y-animation-en-css/): Aprende la diferencia entre transition y animation en CSS, cuándo usar cada una y cómo elegir la opción correcta con ejemplos claros.
- [MJML vs HTML tradicional para emails: ventajas y limitaciones](https://www.martagonzalez.dev/blog/mjml-vs-html-tradicional-para-emails-ventajas-y-limitaciones/): Descubre las ventajas y limitaciones de MJML vs HTML tradicional para crear emails responsive más mantenibles, compatibles y fáciles de escalar.
- [Animaciones CSS: guía básica para empezar desde cero](https://www.martagonzalez.dev/blog/animaciones-css-guia-basica/): Guía básica de animaciones CSS para empezar desde cero: propiedades recomendadas, accesibilidad, rendimiento y buenas prácticas.
- [Cómo crear tu primera newsletter responsive con MJML](https://www.martagonzalez.dev/blog/como-crear-tu-primera-newsletter-responsive-con-mjml/): Guía para crear tu primera newsletter responsive con MJML: estructura básica, bloques, ejemplo práctico, buenas prácticas y checklist antes del envío.
- [Qué es MJML y por qué facilita la maquetación de emails responsive](https://www.martagonzalez.dev/blog/que-es-mjml-emails-responsive/): Descubre qué es MJML, cómo funciona y por qué facilita la maquetación de emails responsive frente al HTML tradicional para email.
- [Dibujar con CSS responsive: cómo adaptar ilustraciones a distintos tamaños de pantalla](https://www.martagonzalez.dev/blog/dibujar-con-css-responsive/): Dibujar con CSS responsive y adapta tus ilustraciones a móvil, tablet y escritorio sin perder proporción, claridad ni equilibrio visual.
- [Clip-path en CSS: cómo recortar formas y crear dibujos más originales](https://www.martagonzalez.dev/blog/clip-path-en-css-como-recortar-formas-y-crear-dibujos-mas-originales/): Aprende a usar clip-path en CSS para recortar formas, crear composiciones más originales y mejorar tus dibujos con CSS paso a paso.
- [Pseudo-elementos en CSS: la clave para crear ilustraciones más complejas](https://www.martagonzalez.dev/blog/pseudo-elementos-en-css-para-crear-ilustraciones-mas-complejas/): Pseudo-elementos en CSS para crear ilustraciones más complejas, reducir HTML innecesario y mejorar tus composiciones al dibujar con CSS.
- [Dibujar iconos sencillos con CSS sin usar SVG ni imágenes](https://www.martagonzalez.dev/blog/dibujar-iconos-sencillos-con-css-sin-usar-svg-ni-imagenes/): Dibujar iconos sencillos con CSS sin usar SVG ni imágenes. Descubre técnicas, ejemplos prácticos y claves UX para crear iconos claros, ligeros y reutilizables.
- [Cómo dibujar formas básicas con CSS: círculos, triángulos, óvalos y estrellas](https://www.martagonzalez.dev/blog/dibujar-formas-basicas-con-css/): Aprende cómo dibujar con CSS círculos, triángulos, óvalos y estrellas con ejemplos prácticos, interacción y consejos de diseño para reducir la carga cognitiva.
- [Pretext: Cómo medir y maquetar texto de alto rendimiento sin tocar el DOM](https://www.martagonzalez.dev/blog/pretext-la-libreria-de-cheng-lou-para-medir-y-maquetar-texto-sin-depender-del-dom/): La mayoría de nosotros aceptamos que el navegador se encargue de todo: le das un , un poco de CSS, y él decide dónde cortar las líneas. Pero,
- [Por qué diseñar primero lo esencial mejora la experiencia de usuario](https://www.martagonzalez.dev/blog/disenar-primero-lo-esencial-mejora-experiencia-usuario/): Descubre por qué diseñar primero lo esencial mejora la experiencia de usuario, reduce la carga cognitiva y encaja mejor en una estrategia de mejora progresiva.
- [Cuándo una librería sigue teniendo sentido en una estrategia Baseline-first](https://www.martagonzalez.dev/blog/cuando-una-libreria-sigue-teniendo-sentido-en-una-estrategia-baseline-first/): Combobox accesible en Baseline-first: cuándo basta un select y cuándo una librería mejora claridad, accesibilidad y mantenimiento.
- [Desarrollar Baseline-first: qué es y por qué cada vez más equipos lo aplican](https://www.martagonzalez.dev/blog/desarrollar-baseline-first-que-es-y-por-que-cada-vez-mas-equipos-lo-aplican/): Descubre qué significa desarrollar Baseline-first, cómo ayuda a reducir complejidad en frontend y cuándo un select nativo gana a un combobox accesible.
- [No todo lo que aumenta la retención mejora el producto](https://www.martagonzalez.dev/blog/retencion-de-usuarios-producto-digital/): Aprende cuándo la retención de usuarios no mejora un producto digital y cómo analizar métricas, engagement y experiencia con criterio UX.
- [Engagement ético: cómo diseñar productos digitales sin explotar la atención del usuario](https://www.martagonzalez.dev/blog/engagement-etico-como-disenar-productos-digitales-sin-explotar-la-atencion-del-usuario/): Hablar de engagement en producto digital se ha vuelto casi inevitable. Métricas como el tiempo en pantalla, la frecuencia de uso, la retención o la
- [Qué son los patrones de diseño adictivos y por qué deberíamos hablar más de ellos](https://www.martagonzalez.dev/blog/que-son-los-patrones-de-diseno-adictivos-y-por-que-deberiamos-hablar-mas-de-ellos/): Hablar de patrones de diseño adictivos ya no es una exageración ni una moda crítica contra la tecnología. Es, más bien, una conversación necesaria dentro
- [Dropdown, menú, select y combobox: cuál usar y cuándo (sin romper a11y)](https://www.martagonzalez.dev/blog/dropdown-menu-select-y-combobox-cual-usar-y-cuando-sin-romper-a11y/): Aprende cuándo usar un dropdown, un select o un combobox en interfaces web, qué diferencias tienen y cómo evitar errores de accesibilidad.
- [Focus visible y teclado: el 90% de los bugs de accesibilidad están aquí](https://www.martagonzalez.dev/blog/focus-visible-y-teclado-el-90-de-los-bugs-de-accesibilidad-estan-aqui/): Aprende cómo usar focus visible y teclado para mejorar la accesibilidad web, ordenar la navegación con Tab y evitar errores comunes en interfaces.
- [Formularios accesibles: labels, errores y validación sin frustrar a nadie](https://www.martagonzalez.dev/blog/formularios-accesibles-labels-errores-y-validacion-sin-frustrar-a-nadie/): Aprende a crear formularios accesibles en HTML con labels claros, errores útiles y validación que mejora la experiencia de usuario.
- [Toasts/notificaciones accesibles: aria-live sin volver loco al usuario](https://www.martagonzalez.dev/blog/toasts-notificaciones-accesibles-aria-live-sin-volver-loco-al-usuario/): Los toasts (o “snackbars”, avisos flotantes, notificaciones breves) son ese tipo de UI que parece inocente… hasta que te das cuenta de que puede
- [Iconos sin texto en accesibilidad web: cuándo usar aria-hidden y cuándo necesitas un nombre accesible](https://www.martagonzalez.dev/blog/iconos-sin-texto-en-accesibilidad-web-cuando-usar-aria-hidden-y-cuando-necesitas-un-nombre-accesible/): Aprende cuándo usar aria-hidden en iconos decorativos y cuándo un icono sin texto necesita nombre accesible para mejorar la accesibilidad web.
- [Componentes UI accesibles](https://www.martagonzalez.dev/blog/componentes-ui-accesibles/): Diseñar y desarrollar componentes UI accesibles no va de “cumplir WCAG para pasar una auditoría”. Va de algo mucho más práctico: hacer que tu interfaz sea
- [Links accesibles: “haz click aquí” es un crimen](https://www.martagonzalez.dev/blog/links-accesibles-haz-click-aqui-es-un-crimen/): Evita enlaces genéricos (“aquí”, “ver más”) y crea links con intención. Menos tiempo de decisión, menos carga cognitiva y más accesibilidad web (a11y).
- [HTML semántico: el 80% de la accesibilidad empieza aquí](https://www.martagonzalez.dev/blog/html-semantico-el-80-de-la-accesibilidad-empieza-aqui/): HTML semántico para accesibilidad web: componentes interactivos con ejemplos prácticos y checklist para mejorar tu a11y desde cero.
- [OKRs y salud del equipo: burnout, capacidad y realismo en los objetivos](https://www.martagonzalez.dev/blog/okrs-y-salud-del-equipo-burnout-capacidad-y-realismo-en-los-objetivos/): Definir OKRs realistas sin quemar al equipo: capacidad, foco, carga cognitiva y decisiones rápidas para evitar el burnout en desarrollo web.
- [Mi checklist anti-catástrofes: 12 preguntas antes de pegar código generado por IA en producción](https://www.martagonzalez.dev/blog/mi-checklist-anti-catastrofes-12-preguntas-antes-de-pegar-codigo-generado-por-ia-en-produccion/): Cómo revisar código generado por IA antes de llevarlo a producción y evita errores de seguridad, rendimiento, accesibilidad y mantenimiento.
- [THINK en retrospectivas: cómo criticar sin romper al equipo](https://www.martagonzalez.dev/blog/think-en-retrospectivas-como-criticar-sin-romper-al-equipo/): Descubre cómo dar feedback en retrospectivas ágiles sin dañar al equipo, usando THINK para comunicar críticas útiles, claras y respetuosas.
- [Cómo hacer brainstorming sin que se convierta en ‘opinología’](https://www.martagonzalez.dev/blog/como-hacer-brainstorming-sin-que-se-convierta-en-opinologia/): Un brainstorming debería ayudarte a generar opciones útiles y, sobre todo, a tomar decisiones mejores. Pero si no lo diseñas bien, se convierte en lo de
- [Cómo integrar hitos cuando trabajas en Agile (sin convertirlo en cascada)](https://www.martagonzalez.dev/blog/como-integrar-hitos-cuando-trabajas-en-agile-sin-convertirlo-en-cascada/): Si trabajas en Agile y cada vez que alguien dice “hito” te entra un micro-escalofrío… te entiendo. Porque muchas veces hito se usa como sinónimo de “fecha
- [De roadmap a calendario: el paso que casi nadie documenta](https://www.martagonzalez.dev/blog/de-roadmap-a-calendario-el-paso-que-casi-nadie-documenta/): Un roadmap es una promesa elegante: “vamos hacia aquí”. Un calendario, en cambio, es una promesa con consecuencias: “esto ocurre tal día y depende de
- [EDT vs Roadmap vs Backlog: quién manda y cuándo](https://www.martagonzalez.dev/blog/edt-vs-roadmap-vs-backlog-quien-manda-y-cuando/): Si trabajas en desarrollo web (o en producto digital en general), tarde o temprano aparece este “triángulo amoroso” en una reunión: EDT, Roadmap y
- [La regla 3C: Calendarizar hitos con Claridad, Criterio y Colchón](https://www.martagonzalez.dev/blog/la-regla-3c-calendarizar-hitos-con-claridad-criterio-y-colchon/): Criterios para elegir hitos “sanos”. Buffers y márgenes (sin parecer que inflas el plan). Si has trabajado en gestión de proyectos (y más todavía en
- [El calendario del proyecto como herramienta de comunicación (no como castigo)](https://www.martagonzalez.dev/blog/el-calendario-del-proyecto-como-herramienta-de-comunicacion-no-como-castigo/): Descubre cómo convertir el calendario de proyecto en una herramienta de comunicación clara para coordinar tareas, fechas y expectativas sin castigar al equipo.
- [Hitos ≠ tareas: cómo convertir “fechas importantes” en un calendario que de verdad se puede seguir](https://www.martagonzalez.dev/blog/hitos-tareas-como-convertir-fechas-importantes-en-un-calendario-que-de-verdad-se-puede-seguir/): Diferencia entre hito, entrega, deadline y checkpoint. Ejemplo simple: proyecto web de 6 semanas. Si alguna vez has llevado un proyecto web “bien
- [¿Qué es vibe coding y qué NO es?](https://www.martagonzalez.dev/blog/que-es-vibe-coding-y-que-no-es/): Si llevas un tiempo rondando el ecosistema de desarrollo web, seguro que has visto “vibe code”, “vibe coding” y una mezcla de hype + memes + “esto lo hago
- [SMART vs. HARD goals: diferencias, ventajas y casos de uso](https://www.martagonzalez.dev/blog/smart-vs-hard-goals-diferencias-ventajas-y-casos-de-uso/): SMART vs. HARD goals en proyectos y UX: diferencias, ventajas y casos. Guía para decidir mejor (tiempo de decisión vs. carga cognitiva).
- [Los 10 errores más comunes al implementar OKRs (y cómo evitarlos)](https://www.martagonzalez.dev/blog/los-10-errores-mas-comunes-al-implementar-okrs-y-como-evitarlos/): Evita los 10 errores más comunes al implementar OKRs: objetivos vagos, métricas flojas y ciclos sin review. Guía práctica con ejemplos.
- [Accesibilidad en microinteracciones: el detalle que marca la diferencia](https://www.martagonzalez.dev/blog/accesibilidad-en-microinteracciones-el-detalle-que-marca-la-diferencia/): Descubre cómo las microinteracciones influyen en la accesibilidad web y mejoran la experiencia de usuario en tu diseño.
- [Formularios accesibles: etiquetas, validaciones y feedback | Checklist + Snippets](https://www.martagonzalez.dev/blog/formularios-accesibles-etiquetas-validaciones-y-feedback-checklist-snippets/): Descubre cómo crear formularios accesibles que mejoren la experiencia del usuario y reduzcan la frustración en la web.
- [N8N: Automatizaciones, Workflows e IA para Desarrolladores](https://www.martagonzalez.dev/blog/n8n-automatizaciones-workflows-e-ia-para-desarrolladores/): Descubre n8n, una herramienta de automatización de código abierto que te permite crear flujos de trabajo inteligentes y personalizados.
- [Dark mode vs Light mode: cuándo usar cada uno y cómo implementarlos](https://www.martagonzalez.dev/blog/dark-mode-vs-light-mode-cuando-usar-cada-uno-y-como-implementarlos/): Explora las ventajas y desventajas del modo oscuro y del modo claro. Elige la mejor opción para tu contexto.
- [Cómo desplegar tu aplicación de React + Vite en GitHub Pages](https://www.martagonzalez.dev/blog/como-desplegar-tu-aplicacion-de-react-vite-en-github-pages/): Aprende a publicar tu aplicación de React + Vite en GitHub Pages fácilmente con esta guía detallada y paso a paso.
- [Qué incluir (y qué no) en una propuesta para un cliente](https://www.martagonzalez.dev/blog/que-incluir-y-que-no-en-una-propuesta-para-un-cliente/): Descubre cómo crear una propuesta para un cliente efectiva que muestre claridad y experiencia para resolver problemas.
- [Cómo prototipar emociones: diseño UI que conecta con las personas](https://www.martagonzalez.dev/blog/como-prototipar-emociones-diseno-ui-que-conecta-con-las-personas/): Descubre cómo prototipar emociones en diseño UI puede mejorar la experiencia del usuario y fortalecer la conexión con el producto.
- [UI realistas con HTML y Tailwind: Ejemplos prácticos de skeumorfismo ligero](https://www.martagonzalez.dev/blog/ui-realistas-con-html-y-tailwind-ejemplos-practicos-de-skeumorfismo-ligero/): Descubre cómo crear ui realistas con HTML y Tailwind. Aprende sobre skeumorfismo ligero y sus aplicaciones prácticas.
- [Cómo el skeumorfismo mejora la curva de aprendizaje en interfaces digitales](https://www.martagonzalez.dev/blog/como-el-skeumorfismo-mejora-la-curva-de-aprendizaje-en-interfaces-digitales/): En un mundo donde el diseño digital parece inclinarse cada vez más hacia lo minimalista y plano, el skeumorfismo sigue encontrando su lugar, especialmente cuando hablamos de…
- [Skeumorfismo con CSS moderno: sombras, texturas y realismo sin recargar](https://www.martagonzalez.dev/blog/skeumorfismo-con-css-moderno-sombras-texturas-y-realismo-sin-recargar/): Descubre cómo el skeumorfismo con CSS moderno puede mejorar la usabilidad y el rendimiento de tus proyectos web.
- [Minimalismo vs Skeumorfismo: ¿Qué diseño convierte más?](https://www.martagonzalez.dev/blog/minimalismo-vs-skeumorfismo-que-diseno-convierte-mas/): Explora el diseño plano vs realista y descubre qué estilo de diseño mejora el CTR en tu estrategia digital.
- [Cómo usar variables en Figma para agilizar tu diseño](https://www.martagonzalez.dev/blog/como-usar-variables-en-figma-para-agilizar-tu-diseno/): Centraliza colores, tipografías y espaciados con Variables en Figma para actualizar tu proyecto en segundos, mantener coherencia y trabajar mejor en equipos grandes.
- [Guía paso a paso: de wireframe a prototipo interactivo en Figma](https://www.martagonzalez.dev/blog/guia-paso-a-paso-de-wireframe-a-prototipo-interactivo-en-figma/): Aprende a transformar un wireframe en un prototipo interactivo en Figma: Auto Layout, variables, componentes y Smart Animate. Guía práctica con tips para un hand-off sin dramas.
- [Comparativa entre Astro, Next.js y Nuxt: ¿cuál elegir en 2025?](https://www.martagonzalez.dev/blog/comparativa-entre-astro-next-js-y-nuxt-cual-elegir-en-2025/): Descubre las diferencias entre Astro, Next.js y Nuxt en rendimiento y escalabilidad en este análisis técnico profundo.
- [7±2 elementos: ¿Mito UX o guía real en 2025?](https://www.martagonzalez.dev/blog/7-2-elementos-mito-ux-o-guia-real-en-2025/): Descubre cómo el mito ux transforma la experiencia del usuario en el diseño digital para lograr resultados impactantes.
- [Ley de Hick vs. Ley de Miller: cómo combinarlas para una experiencia fluida](https://www.martagonzalez.dev/blog/ley-de-hick-vs-ley-de-miller-como-combinarlas-para-una-experiencia-fluida/): Descubre cómo la ley de Hick vs ley de Miller impactan el diseño de interfaces y optimizan la experiencia del usuario.
- [La Ley de Miller aplicada al diseño de interfaces: menos es más](https://www.martagonzalez.dev/blog/la-ley-de-miller-aplicada-al-diseno-de-interfaces-menos-es-mas/): Descubre qué es la Ley de Miller y cómo aplicarla al diseño de interfaces para reducir la carga cognitiva y mejorar la experiencia de usuario
- [Scrum vs Kanban: ¿cuál elegir si estás empezando en desarrollo web?](https://www.martagonzalez.dev/blog/scrum-vs-kanban-cual-elegir-si-estas-empezando-en-desarrollo-web/): Descubre las diferencias entre Scrum vs Kanban en desarrollo web y elige la metodología ágil que mejor se adapte a ti.
- [Lo que una colmena puede enseñarte sobre el trabajo en equipo 🐝](https://www.martagonzalez.dev/blog/lo-que-una-colmena-puede-ensenarte-sobre-el-trabajo-en-equipo/): Descubre el trabajo en equipo tipo colmena y cómo la agilidad puede transformarse en ventaja competitiva en el sector tech.
- [Prototipos interactivos en Figma: cómo crearlos paso a paso (2025)](https://www.martagonzalez.dev/blog/prototipos-interactivos-figma/): Aprende a crear prototipos interactivos en Figma con esta guía práctica y actualizada. Ideal para diseñadores y desarrolladores web en 2025.
- [Atajos y trucos para usar Visual Studio Code desde la terminal en Mac (como una pro)](https://www.martagonzalez.dev/blog/atajos-y-trucos-para-usar-visual-studio-code-desde-la-terminal-en-mac-como-una-pro/): Domina Visual Studio Code en macOS desde la terminal: aprende atajos, comandos clave y mejora tu productividad como toda una profesional.
- [El síndrome Baby Duck en UX: qué es y cómo impacta en tus decisiones de diseño](https://www.martagonzalez.dev/blog/el-sindrome-baby-duck-en-ux-como-afecta-la-experiencia-del-usuario/): El síndrome Baby Duck nos hace rechazar lo nuevo en UX. Descubre cómo este sesgo cognitivo puede afectar decisiones de diseño y la UX.
- [Dot Coding: Qué es y cómo aplicarlo en el desarrollo web](https://www.martagonzalez.dev/blog/dot-coding-que-es-y-como-aplicarlo-en-el-desarrollo-web/): Descubre qué es el dot coding, cómo se usa en desarrollo web y cómo la notación con puntos mejora la organización y legibilidad del código.
- [Mejorando el rendimiento en Astro: Estrategias y buenas prácticas](https://www.martagonzalez.dev/blog/mejorando-el-rendimiento-en-astro-estrategias-y-buenas-practicas/): Optimiza el rendimiento en Astro con estrategias de carga eficiente, imágenes ligeras, CSS limpio y páginas estáticas. ¡Haz que tu web vuele!
- [Primeros pasos con Astro: Instalación y configuración básica](https://www.martagonzalez.dev/blog/primeros-pasos-con-astro-instalacion-y-configuracion-basica/): Aprende cómo instalar y configurar Astro para crear sitios web rápidos y eficientes con cero JavaScript por defecto.
- [Arquitectura de Islas en Desarrollo Web: Optimización y Rendimiento 🚀](https://www.martagonzalez.dev/blog/arquitectura-de-islas-en-desarrollo-web-optimizacion-y-rendimiento/): Descubre la arquitectura de islas en desarrollo web y aprende cómo mejora la organización de tus proyectos digitales.
- [Almacenamiento web: Cómo usar localStorage y sessionStorage en proyectos JavaScript](https://www.martagonzalez.dev/blog/almacenamiento-web-como-usar-localstorage-y-sessionstorage-en-proyectos-javascript/): Aprende cómo usar localStorage y sessionStorage en JavaScript para mejorar el rendimiento de aplicaciones web.
- [Experiencia de usuario (UX) aumentada: Más allá de la pantalla](https://www.martagonzalez.dev/blog/experiencia-de-usuario-ux-aumentada-mas-alla-de-la-pantalla/): Descubre cómo la realidad aumentada y virtual están transformando la experiencia del usuario más allá de las pantallas tradicionales.
- [Accesibilidad Web: Haciendo Internet Navegable para Personas con Discapacidad](https://www.martagonzalez.dev/blog/accesibilidad-web-haciendo-internet-navegable-para-personas-con-discapacidad/): Este artículo ofrece una guía detallada para comprender y aplicar la accesibilidad web en cualquier proyecto en línea. Desde la definición de accesibilidad hasta las herramientas…
- [La Importancia de la Accesibilidad Web: Haciendo Internet Accesible para Todos](https://www.martagonzalez.dev/blog/la-importancia-de-la-accesibilidad-web-haciendo-internet-accesible-para-todos/): Descubre qué es la accesibilidad web, por qué es importante y cómo mejorar tu sitio con buenas prácticas, auditorías y criterios WCAG.
- [TypeScript para principiantes: Guía práctica para empezar a programar con tipado estático](https://www.martagonzalez.dev/blog/typescript-primeros-pasos/): Da tus primeros pasos con TypeScript: aprende qué es, cómo instalarlo, configurar tsconfig.json y escribir tu primer código tipado.
- [Cómo instalar y configurar TailwindCSS paso a paso](https://www.martagonzalez.dev/blog/como-instalar-y-configurar-tailwindcss-paso-a-paso/): Aprende TailwindCSS paso a paso desde la instalación hasta la configuración de plugins y personalización de estilos.
- [Qué es el modelo AIDA en Marketing y cómo aplicarlo](https://www.martagonzalez.dev/blog/que-es-el-modelo-aida-en-marketing-y-como-aplicarlo/): Descubre cómo aplicar el modelo AIDA en Marketing para atraer y retener clientes de manera efectiva y creativa.
- [Cómo encontrar los proyectos de GitHub más prometedores: Una guía paso a paso](https://www.martagonzalez.dev/blog/como-encontrar-los-proyectos-de-github-mas-prometedores-una-guia-paso-a-paso/): Descubre los mejores proyectos de GitHub y aprende a contribuir en la plataforma más popular para desarrolladores.
- [GitHub Projects: Organiza y Gestiona tus Proyectos de Desarrollo Web](https://www.martagonzalez.dev/blog/github-projects-organiza-y-gestiona-tus-proyectos-de-desarrollo-web/): Descubre cómo GitHub Projects facilita la gestión eficiente de tus proyectos de desarrollo web. Organiza y optimiza tu trabajo.
- [Del concepto a la contribución: Cómo iniciar y mantener un proyecto exitoso en GitHub](https://www.martagonzalez.dev/blog/del-concepto-a-la-contribucion-como-iniciar-y-mantener-un-proyecto-exitoso-en-github/): Descubre cómo hacer una contribución en GitHub y participa en la comunidad de desarrolladores para crear proyectos exitosos.
- [¿Qué es Vanilla JS?](https://www.martagonzalez.dev/blog/que-es-vanilla-js/): Descubre qué es Vanilla JS, por qué significa JavaScript puro y cuándo conviene usarlo frente a frameworks como React, Angular o Vue.
- [¿Qué son los modelos de lenguaje de gran tamaño (LLMs)?](https://www.martagonzalez.dev/blog/que-son-los-modelos-de-lenguaje-de-gran-tamano-llms/): Descubre los modelos de lenguaje de gran tamaño LLMs y su impacto en la generación de texto humano con coherencia.
- [Pros y Contras de usar WordPress Headless](https://www.martagonzalez.dev/blog/pros-y-contras-de-usarwordpress-headless/): En este artículo, nos adentraremos en los pros y contras de esta tecnología con el objetivo de brindarte una visión integral que te permita tomar una decisión fundamentada y…
- [Wordpress Headless con React](https://www.martagonzalez.dev/blog/wordpress-headless-utilizando-react-para-una-aplicacion-web-de-gestion-de-contenidos-cms/): Descubre cómo combinar Wordpress Headless y React para crear potentes aplicaciones web de gestión de contenidos.
- [Pruebas en React, explorando qué es React Testing Library](https://www.martagonzalez.dev/blog/pruebas-en-react-explorando-que-es-react-testing-library/): Aprende qué es React Testing Library y cómo usarla para crear pruebas en React centradas en el usuario, los componentes y la accesibilidad.
- [Construyendo un sistema de diseño flexible con variables en CSS](https://www.martagonzalez.dev/blog/construyendo-un-sistema-de-diseno-flexible-con-variables-de-css/): En este artículo, exploraremos cómo construir un sistema de diseño flexible aprovechando al máximo las propiedades personalizadas de CSS, proporcionando consejos y trucos para…
- [Esquemas para conseguir armonía del color](https://www.martagonzalez.dev/blog/esquemas-para-conseguir-armonia-del-color/): En este artículo, exploraremos diferentes esquemas de color y proporcionaremos consejos prácticos para conseguir una armonía visual impactante.
- [Psicología del Color: Descifrando el Impacto Emocional de los Tonos y Matices](https://www.martagonzalez.dev/blog/psicologia-del-color-descifrando-el-impacto-emocional-de-los-tonos-y-matices/): En este artículo, nos sumergiremos en el apasionante mundo de la psicología del color, desentrañando los secretos detrás de la influencia de cada matiz en nuestra psique.
- [Del Caos a la Organización: Cómo los Elementos Semánticos en HTML Simplifican tu Código](https://www.martagonzalez.dev/blog/del-caos-a-la-organizacion-como-los-elementos-semanticos-en-html-simplifican-tu-codigo/): Los elementos semáanticos no solo son etiquetas que decoran tu código, sino bloques de construcción esenciales que dotan de significado y coherencia a tus páginas web.
- [HTML Semántico: Más Allá de las Etiquetas](https://www.martagonzalez.dev/blog/html-semantico-mas-alla-de-las-etiquetas/): El uso de HTML semántico implica dotar al código de significado y estructura, mejorando la experiencia tanto para los desarrolladores como para los usuarios. Además, contribuye a…
- [La Trifecta del Diseño: Personas, Procesos y Productos en Armonía](https://www.martagonzalez.dev/blog/la-trifecta-del-diseno-personas-procesos-y-productos-en-armonia/): Descubre la esencia del diseño exitoso: La Trifecta del Diseño une personas, procesos y productos en armonía.
- [Pixel Perfect en la Era de la Variedad de Pantallas: ¿Una Meta Obsoleta?](https://www.martagonzalez.dev/blog/pixel-perfect-en-la-era-de-la-variedad-de-pantallas-una-meta-obsoleta/): ¿Es realmente Pixel Perfect una meta obsoleta? Exploraremos este dilema y analizaremos cómo abordar los desafíos que presenta la diversidad de dispositivos.
- [¿Qué importancia tienen los espacios en blanco en el diseño web?](https://www.martagonzalez.dev/blog/que-importancia-tienen-los-espacios-en-blanco-en-el-diseno-web/): Un análisis profundo sobre el papel crucial de los espacios en blanco en la creación de experiencias web excepcionales.
- [Mejorando el Proceso de Pruebas en Aplicaciones Frontend: Creación de una API REST para ReactJS](https://www.martagonzalez.dev/blog/mejorando-el-proceso-de-pruebas-en-aplicaciones-frontend-creacion-de-una-api-rest-para-reactjs/): En este artículo, exploraremos los pasos necesarios para crear una API REST que te permita probar tus aplicaciones Front End, centrándonos especialmente en ReactJs.
- [Errores comunes a evitar al usar React Context API](https://www.martagonzalez.dev/blog/errores-comunes-a-evitar-al-usar-react-context-api/): Aprende qué errores evitar con React Context API para reducir renders innecesarios, organizar mejor el estado y mantener componentes React más claros.
- [Cómo utilizar React Context de manera efectiva: Ejemplos prácticos](https://www.martagonzalez.dev/blog/como-utilizar-react-context-de-manera-efectiva-ejemplos-practicos/): En este artículo, exploraremos cómo utilizar React Context de manera efectiva, respaldado por ejemplos prácticos que ilustrarán su aplicación en situaciones del mundo real.
- [Handoff de Diseño a Desarrollo: Un Puente hacia la Creación Eficiente](https://www.martagonzalez.dev/blog/handoff-de-diseno-a-desarrollo-un-puente-hacia-la-creacion-eficiente/): Descubre los pasos clave y consejos para un handoff exitoso. Figma y la transferencia efectiva entre diseño y desarrollo son fundamentales.
- [Figma vs. Otros software de diseño: ¿Cuál elegir para tu proyecto?](https://www.martagonzalez.dev/blog/figma-vs-otros-software-de-diseno-cual-elegir-para-tu-proyecto/): Descubre la elección entre Figma y otros softwares de diseño. Colaboración, funcionalidades y más para potenciar tu creatividad. ¡Decide informado!
- [Detrás de Escena del Proceso de Diseño de Interacción: Desde la Idea hasta la Implementación](https://www.martagonzalez.dev/blog/detras-de-escena-del-proceso-de-diseno-de-interaccion-desde-la-idea-hasta-la-implementacion/): Descubre el fascinante proceso de diseño de interacción, desde la chispa creativa hasta la implementación. Un viaje que da vida a experiencias digitales excepcionales.