Breakpoints para Responsive

Al momento de estilizar un sitio web para que quede bien para responsive, se necesita utilizar una serie de "breakpoints" en el código CSS, para definir las clases que actuarán en determinadas resoluciones de pantalla.
Por lo tanto para definir estos breakpoints para los que sería celulares, tablets, desktop y monitores wide, se puede pensar en los siguientes rangos:

// Celulares
@media (max-width: 599px) { @content; }

// Tablet-portrait-up
@media (min-width: 600px) { @content; }

Mobile first en Drupal

Mobile first en general

“Mobile first” es un método de diseño que propone comenzar un desarrollo web con el diseño de la versión mobile del mismo, con el objetivo de aprovechar una serie de beneficios que mencionaremos a continuación.

Lo interesante del enfoque es que es independiente de si realmente implementaremos una versión mobile o no. La idea sería proceder como que sí lo haremos (y seguramente lo haremos!), aunque eso no sea lo importante.

Suscribirse a RSS - Theming