Learn Responsive Design

Learn how to create responsive designs that adapt to different screen sizes and devices, providing a seamless user experience across all platforms.
  1. Sugerencia rápida: Cómo implementar el modo oscuro en tu sitio web utilizando Media Queries

    Sugerencia rápida: Cómo implementar el modo oscuro en tu sitio web utilizando Media Queries

    Tutorial Beginner

    En este tip rápido de Envato Tuts+ veremos una función experimental en CSS que detecta si un usuario tiene el 'modo oscuro' activado en su Mac. Se realiza...

  2. Nuevo curso: Diseño responsivo en Adobe XD

    Nuevo curso: Diseño responsivo en Adobe XD

    Tutorial Beginner

    Cuando le muestras a tus clientes el prototipo de un diseño web, querrán saber cómo se visualiza en distintos dispositivos. Aprende a crear una maqueta...

  3. Cómo crear imágenes SVG responsivas

    Cómo crear imágenes SVG responsivas

    Tutorial Beginner

    En este tutorial explicaré cómo crear imágenes SVG responsivas; más específicamente, explicaré cómo crear logotipos, iconos e imágenes SVG que cambien...

  4. Cómo usar restricciones y cambio de tamaño responsive en Adobe XD

    Cómo usar restricciones y cambio de tamaño responsive en Adobe XD

    Tutorial Beginner

    Estas propiedades, añadidas en sept. de 2018, permiten una escala real de los diseños en Adobe XD, lo que nos da capacidades genuinas de diseño web responsive.

  5. Consideraciones de Diseño para Múltiples Clientes de Correo Electrónico y Dispositivos

    Consideraciones de Diseño para Múltiples Clientes de Correo Electrónico y Dispositivos

    Tutorial Beginner

    Diseño de correo electrónico sigue un montón de las mismas consideraciones como diseño web: diferentes tipos de navegadores, sistemas operativos, tamaños de...

  6. 7 Tendencias en el Diseño de Interacciones para Dispositivos Móviles de 2018

    7 Tendencias en el Diseño de Interacciones para Dispositivos Móviles de 2018

    Tutorial Beginner

    Los cambios son una constante en el mundo de las apps móviles. Para continuar avanzando en sus habilidades y producir el mejor trabajo posible, los...

  7. Introducción a Funciones Matemáticas CSS Nivel 4

    Introducción a Funciones Matemáticas CSS Nivel 4

    Tutorial Beginner

    Notaciones funcionales son parte de los valores de CSS y el módulo de unidades, que es también el hogar de las funciones matemáticas útiles como calc(),...

  8. Una Guía Rápida Para Puntos Verticales de Quiebre

    Una Guía Rápida Para Puntos Verticales de Quiebre

    Tutorial Intermediate

    ¡Bienvenido a otro video tutorial Envato Tuts+! En este video te voy a dar una introducción rápida a usar puntos verticales de quiebre CSS.

  9. Diseñar una Aplicación Usando la Hoja de Etiquetas de Componentes de Material Design

    Diseñar una Aplicación Usando la Hoja de Etiquetas de Componentes de Material Design

    Tutorial Beginner

    Gracias a Material Design, un lenguaje visual desarrollado por Google, diseñar interfaces de usuario para la plataforma Android es más fácil que nunca. Una...

  10. CSS Grid Layout: Haciéndolo Responsivo

    CSS Grid Layout: Haciéndolo Responsivo

    Tutorial Beginner

    A través de ésta serie nos hemos familiarizado con la sintaxis de Grid, aprendido sobre algunas formas eficientes de maquetar elementos en una página, y nos...

  11. Cómo Crear un  Componente UI Responsivo usando Element Queries

    Cómo Crear un Componente UI Responsivo usando Element Queries

    Tutorial Intermediate

    En éste tutorial continuaremos nuestra discusión sobre element queries, con el objetivo de crear un componente responsivo reutilizable.

  12. Consultas de Elemento: El Futuro del Diseño Web Adaptativo

    Consultas de Elemento: El Futuro del Diseño Web Adaptativo

    Tutorial Intermediate

    Las consultas de medios ('media queries') son una parte vital del diseño web moderno, pero no siempre son perfectas. En este artículo echaremos un vistazo a...