¿Grid o Flexbox? ¿Qué resulta más útil en diseño y maquetación web?

Flexbox y  Grid son dos  mecanismos de CSS que resultan especialmente útiles de cara a la  maquetación de páginas web. Comparamos sus principales funcionalidades y, en un primer vistazo, tenemos que reconocer que Grid puede hacer cosas que Flexbox no puede hacer y Flexbox puede hacer cosas que Grid no puede hacer. Con la ventaja de que ambos […]

Profundizamos en el uso de justify-content de Flexbox

En este artículo, realizamos un ejemplo práctico de la propiedad justify-content de Flexbox, el mecanismo de maquetación web del que estamos hablando en últimos artículos. Recordemos que esta propiedad es muy útil para indicar cómo se van a colocar los justificados y márgenes de los ítems. A la hora de su distribución, podemos tanto justificarlos […]

Las propiedades de los contenedores Flexbox (II)

Seguimos analizando las principales propiedades del contenedor Flexbox que comenzamos a ver hace poco. Flexbox (o Flexible Box)  es un potente mecanismo de CSS que nos permite elevar el nivel de la maquetación web más fácilmente. Antes de seguir avanzando, conviene recordar que Flexbox es un estándar de la web, por lo que es compatible con todos  los navegadores modernos.

¿Qué aporta Flexbox a CSS3?

Flexbox (o Flexible Box) es un potente mecanismo de CSS3 que nació de la urgencia de cubrir unas necesidades específicas de maquetación de contenidos que CSS no era capaz de conseguir fácilmente, como las alineaciones verticales.  De este modo, Flexbox perfecciona las posibilidades de diseño de CSS3 y permite componer una página web de manera […]

¿Qué es CSS Grid?

Hace poco hablábamos de Flexbox, uno de los mecanismos de CSS más útiles en la  maquetación de páginas web, incluso lo enfrentábamos con Grid. Sin embargo, teníamos pendiente profundizar un poco más en el propio CSS Grid , otro de los recursos de diseño CSS para disponer con mayor libertad los elementos en una página […]

Estilos CSS básicos para tu diseño responsive

Tras repasar Viewport y Picture en estos artículos, seguimos profundizando en los principales recursos para diseño responsive. En esa línea, no podemos olvidarnos de las Media Queries, tal vez las herramientas más representativas cuando pensamos en CSS para el ya proclamado responsive design, ya que permiten realizar la mayor parte del efecto de adaptación a todo […]