Categoría: Front

Aprender Flexbox y CSS Grid gratis

En este artículo se van a ir recopilando diferentes recursos gratuitos para aprender Flexbox y CSS Grid. Visita regularmente este artículo para aprender las últimas tecnologías  y técnicas de maquetación online.

Full size background image

Seguramente has visto webs con una imagen de fondo que inicialmente ocupa todo el espacio del navegador (alto y ancho). Al hacer scroll se ve el resto del contenido de la página, ya sea texto, otras imágenes, una mezcla de ambos, etc.

HR Giger – Museum and Bar

Homenaje a unos de mis artistas favoritos, HR Giger (1940-2014). Este genio fue el diseñador de la criatura alienígena que aparece en la película de ciencia ficción ‘Alien’ (1979).

Liverpool history

Liverpool history es una galería con 20 imágenes históricas de la ciudad.

CSS Filters

Muestra de 10 filtros para imágenes que se pueden aplicar en navegadores modernos, especialmente aquellos basados en webkit.

Vibrando con CSShake

CSShake es un pequeño pero divertido proyecto alojado en Github. Se trata de una serie de clases CSS para “agitar” el DOM.

Puzzle snapPuzzle – De imagen a puzzle

snapPuzzle Alien es un plugin de jQuery para convertir una imagen en un puzzle.

Parallax 2D

Parallax 2D es un experimento utilizando el scroll como “motor” para el desplazamiento vertical de los distintos elementos que forman el layout.

Animación sprite sheets con CSS3

Animación sprite sheets con CSS3 es un ejemplo de uso de distintos fotogramas para crear sensación de movimiento.

Logotipo Responsive

Logotipo Responsive es un tutorial de cómo adaptar un logotipo a distintos tipos de dispositivos.

Tu cupcake favorito

Un poco de dulzura nunca viene mal. ¡Elige tu cupcake favorito!