Banner web responsive con CSS

Diseño de Banner responsive con HTML y CSS

Los banners tienen que adaptarse al diseño web responsive, ya que las imágenes con unas dimensiones fijas ya no tienen sentido en las estructuras fluidas actuales. Repasamos las alternativas y diseñamos varios banners responsive con HTML y CSS.

Zoom en Imágenes con CSS al hacer hover

Zoom en imágenes con CSS al hacer hover

Una nueva demo para solucionar un problema sencillo, conseguir un zoom de una imagen al pasar el cursor por encima (hover) solo con CSS. No necesitaremos JS ni librerías externas para poder ampliar una imagen y verla con mas detalle, solo HTML y CSS.

Introduccion-css-grid-2

Introducción y primeros pasos con CSS Grid (II)

Continuamos con la introducción a CSS Grid, centrándonos en esta ocasión en como posicionar los diferentes elementos de nuestra web dentro de la rejilla que vimos como realizar con anterioridad, y los diferentes métodos que podemos usar para hacerlo.

Flexbox vs CSS Grid

Flexbox vs CSS Grid: Un ejemplo práctico

Tras la reciente compatibilidad de CSS Grid con las últimas versiones de los navegadores más usados, se alza como una alternativa a Flexbox. Por ello, vamos a ver algunos detalles que diferencian uno de otro mediante un pequeño ejemplo, para poder comprobar que las diferencian, y como pueden encajar mejor en nuestras necesidades.

Tendencias Diseño Web

Tendencias en Diseño Web 2017

Este va a ser un año emocionante en cuanto a tendencias en diseño web se refiere. Veremos como varía la forma y herramientas de trabajo del diseñador y maquetador web con las últimas especificaciones de CSS y donde encontrar inspiración para los nuevos proyectos.