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.

imagen destacada de artículo sobre Atom

Mis 9 extensiones de Atom favoritas

Atom es un editor de código abierto desarrollado por el mismo equipo de GitHub, siendo una de sus características más notables su alta personalización. Aquí os dejamos nuestras 9 extensiones imprescindibles para trabajar con él y con las que podremos mejorar nuestro flujo de trabajo.

Cómo funciona una media query en CSS

Media Queries en CSS ¿Cómo funcionan?

En el diseño web responsive necesitamos que algunas reglas CSS que nos permitan aplicar estilos según qué tamaño tiene la pantalla de nuestra resolución, pudiendo adaptar el diseño a todos los dispositivos, móviles, tablets, escritorio…