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.

All Responsive Design content:

  1. Consejo rápido: Recuerda los puntos de quiebre verticales

    Consejo rápido: Recuerda los puntos de quiebre verticales

    Tutorial Intermediate

    Recientemente he visto que esto pasa mucho, generalmente en sitios web con navegación fija en el lado izquierdo. Tendrán diseños encantadores y fluidos, que...

  2. Consejo rápido: no olvides la etiqueta meta viewport

    Consejo rápido: no olvides la etiqueta meta viewport

    Tutorial Beginner

    Recuerdo mi primer viaje al interior del diseño responsivo; Usé una cuadrícula clásica, luché con un arreglo flexible y abordé los media queries por primera...

  3. Revisión de la Navegación Responsiva: Patrones Off Canvas

    Revisión de la Navegación Responsiva: Patrones Off Canvas

    Tutorial Beginner

    En este tutorial vamos a revisar cuatro variantes de patrones en los que tanto la navegación como el contenido de la página se colocan off canvas (fuera de...

  4. Examinando el diseño de navegación adaptativa: patrones para el pié de página

    Examinando el diseño de navegación adaptativa: patrones para el pié de página

    Tutorial Intermediate

    Bienvenidos al segundo capítulo de una serie que examina patrones en el diseño de navegación adaptativa. Este artículo te guiará a través de cuatro patrones...

  5. Menús Grandes, Pantallas Pequeñas: Navegación Multi-Nivel Adaptiva

    Menús Grandes, Pantallas Pequeñas: Navegación Multi-Nivel Adaptiva

    Tutorial Advanced

    Si alguna vez has trabajado en un sitio web adaptivo, sin duda tuvo que hacer frente a uno de los problemas más difíciles en este campo emergente: la...

  6. Mejorar la calidad de imagen en la pantalla Retina

    Mejorar la calidad de imagen en la pantalla Retina

    Tutorial Beginner

    El nuevo iPad fue lanzado el mes pasado, y, entre otras cosas, tiene una increíble pantalla Retina con una resolución de 2048 por 1536 píxeles. Casi tan...

  7. Navegación Mobile First sencilla y adaptable

    Navegación Mobile First sencilla y adaptable

    Tutorial Beginner

    Crearemos una navegación de sitio web sencilla y adaptable. Nuestra solución nos ayudará a poner énfasis en el contenido de nuestra página, posiblemente...