Web

Creación de fragmentos de Emmet personalizados en VS Code

En este artículo, Manuel explica por qué Emmet es una de sus herramientas de productividad favoritas para escribir HTML y CSS, y cómo puede crear fragmentos personalizados de Emmet en Visual Studio Code para ayudarlo a mejorar aún más sus flujos de trabajo front-end.

Lee mas

Creación de un blog de varios autores con Next.js

Este artículo explica cómo podemos conectar diferentes tipos de contenido en una aplicación Next.js. Con esta técnica, podemos agregar cualquier tipo de relación uno a uno, uno a muchos o incluso muchos a muchos a nuestros proyectos.

Lee mas

Cómo ejecutar una auditoría de UX para una importante plataforma EdTech (estudio de caso)

Este artículo es un estudio de caso de cómo una auditoría de UX afecta una UI. Explica cómo una famosa plataforma educativa puede ser analizada edX contra las pautas de usabilidad de Jakob Nielsen. Para comenzar, Mark Lankmiller comparte todos los criterios y métricas que usó para su auditoría de UX.

Lee mas

El auge del pensamiento de diseño como estrategia de resolución de problemas

En los entornos dinámicos e impredecibles en los que trabajamos, incluso las soluciones más cuidadosamente diseñadas pueden tener una vida útil corta. Cuando aceptamos que nuestro trabajo no es permanente y que nuestras habilidades para resolver problemas son limitadas, nuestro objetivo puede pasar de ofrecer soluciones completas a desarrollar herramientas que permitan a nuestros usuarios diseñar adaptativamente por sí mismos.

Lee mas

Automatización de la prueba del lector de pantalla en macOS usando Auto VO

Las pruebas automatizadas son una parte importante de cualquier proyecto de software, incluidas las pruebas de accesibilidad. Ya existen herramientas para la accesibilidad de pruebas de linting e integración, pero ¿qué pasa con las pruebas de extremo a extremo con tecnología de asistencia real? Como no había visto esto antes, me dispuse a crear Auto VO, un controlador para el lector de pantalla VoiceOver.

Lee mas

Diseñar con código: un enfoque moderno del diseño (desafíos de desarrollo)

Después de años de innovación tanto en herramientas como en procesos, la lucha entre el diseño y el desarrollo sigue siendo real. Este artículo se centra en las mejores prácticas para mejorar los procesos de diseño a desarrollo y cómo las soluciones de vanguardia, como UXPin con tecnología Merge, pueden ayudar a facilitar el cambio.

Lee mas

Conversión de imagen a texto con React y Tesseract.js (OCR)

¿Tienes que procesar los datos manualmente porque se sirven a través de imágenes o documentos escaneados? Una conversión de imagen a texto permite extraer texto de imágenes para automatizar el procesamiento de textos en imágenes, videos y documentos escaneados. En este artículo, analizamos cómo convertir una imagen en texto con React y Tesseract.js (OCR), preprocesar imágenes y lidiar con las limitaciones de Tesseract (OCR).

Lee mas

Una interfaz de usuario de voz alternativa a los asistentes de voz

Los asistentes de voz son actualmente el caso de uso más popular para las interfaces de usuario de voz. Sin embargo, debido a que los asistentes de voz brindan comentarios al hablar con el usuario, los asistentes solo pueden resolver tareas simples del usuario, como configurar una alarma o reproducir música. Para que las interfaces de usuario de voz realmente avancen, la retroalimentación al usuario debe ser visual en lugar de auditiva.

Lee mas

Enrutamiento del lado del cliente en Next.js

Next.js tiene un sistema de enrutamiento basado en archivos en el que cada página se convierte automáticamente en una ruta según su nombre de archivo. Este artículo lo guiará a través de casi todo lo que necesita saber sobre el enrutamiento en Next.js y lo guiará en la dirección de temas y conceptos relacionados.

Lee mas

Su imagen probablemente no sea decorativa

La colocación de imágenes en la web moderna es altamente intencional, lo que ayuda a comunicar el propósito general de una página o vista. Esto significa que casi todas las imágenes que declaras deben tener una descripción alternativa.

Lee mas