Botón de Lista de Deseos para Shopify
Wishlist Power para Shopify: componente web drop-in para lista de deseos, con estilos personalizables, detección de variantes y accesibilidad para impulsar conversiones
#accesibilidad
Inicio de mi viaje en SE
Guía de proyectos frontend para principiantes: landing page, ToDo, clima con API y blog; consejos, buenas prácticas, IA y ciberseguridad para empresas.
Impacto del estigma invisible en entrevistas de usuario: lecciones de UX
El estigma invisible en UX condiciona la participación en entrevistas; descubre prácticas inclusivas, muestreos diversos y herramientas para una investigación más válida.
Métodos de búsqueda en React Testing Library: getByText, getByRole y getByLabelText
Guía práctica de pruebas con React Testing Library: usa getByText, getByRole y getByLabelText, con consejos para pruebas robustas y accesibles.
La especificación de Kiro y mi Indigo IA tras el agotamiento
Indigo Soul Companion es un acompañante IA para neurodivergentes, desarrollado con la especificación Kiro. Un prototipo funcional que acelera la creatividad y la reflexión, con potencial de integraciones de IA y soluciones a medida de Q2BSTUDIO para empresas.
El vidrio líquido de Apple y la UI de Google podrían ser errores
Análisis de Liquid Glass de Apple y Material 3 Expressive de Google: estética vs usabilidad, legibilidad y consistencia. En Q2BSTUDIO equilibramos diseño y funcionalidad.
La especificación de Kiro: mi IA Indigo en la recuperación
Descubre Indigo Soul Companion, un proyecto IA accesible nacido de un hackathon gracias a Spec de Kiro. Conoce cómo Q2BSTUDIO ofrece software a medida, IA empresarial, ciberseguridad y Power BI para impulsar innovación.
Guía de Pruebas de Accesibilidad 2025
Guía 2025 de Pruebas de Accesibilidad: evalúa y remedia barreras, cumple WCAG y mejora UX y SEO con pruebas automatizadas, manuales y auditorías.
Generador simple de texto alternativo con Google AI Studio
Genera texto alternativo preciso para imágenes con Google AI Studio. Subes una foto y obtienes descripciones accesibles para lectores de pantalla.
MediVision Asistente Asistente MediVision MediVision Guía Guía MediVision Visión Asistente
Descubre MediVision Asistente, una app de salud impulsada por IA que facilita la atención para personas con discapacidad visual: análisis de piel por IA, registro de síntomas por voz y chat médico, con accesibilidad total y modo offline en una PWA.
Accesibilidad: Buscando Retroalimentación Honesta
Auditoría de accesibilidad web basada en WCAG 2.2 con mejoras de contraste, navegación por teclado, foco y lectura de pantalla. Revisión externa y soluciones a medida de Q2BSTUDIO.
Tecnología Inclusiva: Prácticas de Accesibilidad
La accesibilidad tecnológica garantiza productos y servicios útiles para todas las capacidades. En Q2BSTUDIO aplicamos WCAG, pruebas con usuarios y desarrollo a medida para software inclusivo y seguro.
Sunbeam IA: Asistente Visual para la Discapacidad Visual
Sunbeam IA, asistente visual impulsado por IA, transforma la cámara del móvil en ojos para la discapacidad visual; OCR, detección de objetos y guía espacial.
Archi-UI con Tailwind
Archi-UI con Tailwind en npm y pronto open source en GitHub. Diseño accesible y rendimiento con componentes listos para usar. Documentación y prueba npm install archi-ui. Desarrollamos software a medida, IA y soluciones en cloud y BI.
Volver al inicio sin JS
Volver al inicio sin JS: microcomponente ligero con ancla nativa y desplazamiento suave gestionado por CSS, accesible y respetuoso con la reducción de movimiento, activo solo en publicaciones largas para mejorar rendimiento y UX sin carga de recursos innecesarios.
MVC vs MVVM: Patrones de Flujo Reales - Parte 5
Guía práctica para elegir entre MVC, MVVM o enfoques híbridos, con marco de decisión, migraciones, anti-patrones, casos reales y asesoría de Q2BSTUDIO.
Domina Svelte: ganchos del ciclo de vida y accesibilidad
Guía de ganchos de ciclo de vida en Svelte y accesibilidad práctica: onMount, $effect, onDestroy, foco, roles ARIA y navegación por teclado.
Etiquetas de Imágenes en HTML con Semántica
Guía práctica de etiquetas de imagen HTML: img, figure, figcaption, picture y usemap para accesibilidad y SEO, con buenas prácticas y ejemplos.
Diseño para usuarios distraídos
FreeDevTools es una plataforma gratuita y de código abierto con herramientas para desarrolladores, CTAs claros y guías contextualizadas. Junto a Q2BSTUDIO ofrecemos IA, nube, ciberseguridad y desarrollo multiplataforma con enfoque UX.
Barra de Acciones Masivas en React: Parte 2, Robusta y Accesible
Descubre cómo diseñar una Barra de Acciones Masivas accesible y de alto rendimiento: manejo de desbordamientos, menús y foco, alineación con el contenido y casos de Q2BSTUDIO en software a medida e IA para UX.