Piensa en «mobile first» como tu entrada VIP al club más exclusivo del internet móvil. Ese selecto grupito de sitios web que, aparte de una apariencia impresionante, funcionan sin problemas en la pantalla de cualquier smartphone. Verdad que te gustaría que tu sitio web perteneciese a este club? A lo largo de este artículo, descubrirás […]
Al principio, Figma puede parecer solo otra herramienta de diseño, una adición más en un mercado ya saturado de opciones. Sin embargo, una vez que los usuarios empiezan a interactuar con ella, rápidamente se revela como un ecosistema rico en funciones y flexibilidad. Lejos de ser una plataforma ordinaria, Figma invita a una exploración profunda […]
HTML picture se asegura de que tus imágenes luzcan espectacularmente en cualquier dispositivo, adaptándose suavemente al tamaño de la pantalla.
La arquitectura de tu sitio web es la forma en que organizas y estructuras el contenido de tu sitio web para que los visitantes, y también los motores de búsqueda, puedan encontrar fácilmente lo que buscan.
Cuando descubres las inmensas posibilidades que te ofrece img srcset, te sientes como si finalmente pudieras ver con claridad después de haber usado unos lentes empañados.
¿Cómo puede el espacio en blanco en diseño web transformar completamente tu sitio? Esto podría sonar a una de esas preguntas que te hacen en un examen sorpresa, pero es justo lo que vamos a desglosar aquí.
Este ejemplo ilustra la sección: Ajustar imagen a su contenedor con CSS Flexbox, de nuestro artículo Ajustar una imagen a su contenedor CSS. Al final del mismo encontrarás el código HTML y CSS utilizados. Para este ejemplo hemos creado tres celdas de diferentes tamaños, y en cada una de ellas hemos posicionado la misma imagen […]
Este ejemplo ilustra la sección: Ajustar imagen a su contenedor con CSS Grid, de nuestro artículo Ajustar una imagen a su contenedor CSS Al final del mismo encontrarás el código HTML y CSS utilizados. Para llevarlo a cabo hemos creado tres celdas de diferentes tamaños y en cada una de ellas hemos posicionado la misma […]
Descubrir la clave para un sistema de diseño web coherente es como encontrar el santo grial del desarrollo digital: transforma completamente la manera en que los usuarios interactúan con tu sitio.
Crear efectos vistosos usando los pseudo-elementos ::after y ::before en CSS puede ser muy divertido y útil para añadir detalles estéticos a tus elementos HTML sin necesidad de agregar más marcado HTML. Estos pseudo-elementos permiten decorar, añadir contenido, y crear formas o efectos visuales interesantes directamente desde CSS. Vamos a crear un ejemplo donde utilizaremos […]