Cuando uno se inicia en el mundo del diseño web y la maquetación, es común encontrarse con términos que suenan similares, pero que tienen significado distinto dentro del lenguaje HTML. Como autor y docente en esta área, me he dado…
Archivo del sitio
Los contenidos más útiles sobre diseño, desarrollo y administración de sitios web.
Operaciones con arrays en JavaScript
Los arrays son una de las estructuras de datos fundamentales en JavaScript. Nos permiten almacenar múltiples valores en una sola variable, y son esenciales para manipular y gestionar colecciones de datos. En este artículo, exploraremos desde cómo declararlos hasta cómo…
Atajos de teclado para Figma
Si estás trabajando con Figma para diseñar interfaces, no hay nada más importante que es mantener el ritmo de trabajo sin interrupciones. Los atajos de teclado son una de las mejores herramientas para ahorrar tiempo, evitar clics innecesarios y potenciar…
Cómo planificar UX para diferentes dispositivos
A la hora de planificar una interfaz de usuario (UI), es fundamental comprender cómo varían las expectativas y comportamientos del usuario según el dispositivo que utilice. El diseño UX (experiencia de usuario) debe ser capaz de adaptarse y responder a…
Cómo crear un reproductor de video personalizado
El desarrollo web moderno nos permite personalizar casi cualquier cosa, desde formularios hasta reproductores de video. En este artículo, explicaré paso a paso como crear un reproductor de video personalizado usando HTML, CSS y JavaScript. Para el ejemplo utilizaremos FontAwesome…
Ventajas de React para crear una Single Page Application
Desde su nacimiento en la década del noventa, el desarrollo web ha evolucionado significativamente. Las Single Page Applications (SPA) se han convertido en una opción popular para ofrecer experiencias de usuario rápidas y fluidas. En este contexto, React, una librería…
Inteligencia Artificial y Diseño Web
Como muchos otros rubros, el diseño web se encuentra dentro de los campos donde la inteligencia artificial (IA) está impulsando una gran transformación. Desde la planificación inicial hasta la generación de código y pruebas en vivo, la IA está cambiando…
UX: optimizar la experiencia para móviles
Analizar como trabajaremos la experiencia de usuario (UX) en dispositivos móviles es un aspecto clave para el éxito de nuestros proyectos. El uso de dispositivos móviles ha evolucionado en los últimos años y los usuarios buscan un enfoque moderno en…
Infografía: desarrollar una aplicación con React paso a paso
En el mundo del desarrollo web, React se ha convertido en una herramienta esencial gracias a su flexibilidad y la ayuda de una gran comunidad de desarrolladores. Desde sus comienzos hasta hoy, ha recibido muchas actualizaciones y se ha posicionado…
Moqups una herramienta online para crear diagramas y prototipos
La creación de diagramas y prototipos es el punto de inicio para todo proyecto. Existen diversas herramientas que nos pueden ayudar en esta tarea. En esta oportunidad me centraré en lo que ofrece Moqups, una herramienta en línea, muy potente,…
Atajos de teclado para desarrolladores en Google Chrome
En el mundo del desarrollo web, la productividad es clave. Cada segundo cuenta, y Google Chrome ofrece una serie de atajos de teclado que pueden hacer una gran diferencia para los desarrolladores. Desde acceder rápidamente a las herramientas de desarrollo…
Cómo usar groupBy() en JavaScript
Con la introducción de ECMAScript 2024, el método Object.groupBy() llega para simplificar una de las tareas más comunes en el desarrollo: la agrupación de datos. Este nuevo método permite organizar fácilmente elementos de un array u objeto según criterios específicos,…