Categoría: HTML5 Página 1 de 4

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 creador del xenomorfo de la película ‘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.

Bootstrapshop – plantilla responsive tienda online

Bootstrapshop es una plantilla responsive para tiendas online creada con Bootstrap.

Long Shadow con jQuery

Plugin basado en jQuery que sirve para generar el ya famoso “efecto Long Shadow” sobre textos HTML.

Superslides es un gran slider en jQuery

Superslides es un gran slider en jQuery que permite pantalla completa y es muy fácil de configurar. Además está preparado para aceleración por hardware.

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.

Cambiar color de la barra de direcciones en Android

Se trata de un “truco” muy sencillo que funciona en Android, a partir de Lollipop.

Responsive mockup con Axure

Un ejemplo completo de responsive mockup con Axure.

Plantillas web con Foundation – dos plantillas gratis

Aquí dejo dos plantillas web con Foundation. Se pueden usar libremente como punto de partida para una web nueva, un área de gestión para cliente o simplemente para aprender Foundation mirando su código.

Mockup HTML

Mockup desarrollado en HTML para proyecto del sector financiero.

Master Slider, el mejor slider gratuito para WordPress

En sus versiones gratuitas, la mayoría de ellos están bastante limitados. Muchos de ellos tienen bastantes opciones de personalización gráfica, pero no muy claras y visualmente poco profesionales. También abundan los plugins de tipo slider con una interfaz de configuración innecesariamente complicada.

Puzzle snapPuzzle – De imagen a puzzle

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

Parallax 3D

Parallax 3D es un experimento que usa las transformaciones 3D de CSS3. Utiliza 3 imágenes distintas para crear el efecto.

Header scroll responsive

Header scroll responsive es un ejemplo básico de cómo cambiar el tamaño de elementos de la web en función la cantidad de scroll que haya hecho el usuario.

Foundation 5 – offcanvas demo

Foundation 5 – offcanvas demo es un ejemplo sencillo del uso de Foundation para una maquetación totalmente responsive.

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.

Detectar el navegador

Ejemplo de cómo usar la propiedad “userAgent” de JavaScript para detectar el navegador.

Logotipo Responsive

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

Efectos CSS para Google Fonts

Mediante la API de Google Fonts se pueden añadir efectos CSS para Google Fonts.

Lyrics CSS3

Lyrics es un homenaje al disco ‘Jar of Flies’ del grupo Alice in Chains.

Fondo vídeo YouTube

Fondo vídeo Youtube es un ejemplo sencillo de cómo utilizar un vídeo como background de una web.

Filtrando post portfolio

Filtrando post portfolio es una pequeña aplicación que utiliza jQuery y animación CSS3 para mostrar sólo los post pertenecientes a cada una de las categorías del menú superior.

Los mejores libros de fantasía

Los mejores libros de fantasía. Es totalmente responsive. Una manera muy visual de mostrar los libros que incita a adquirirlos.

cookies?


OK
Aviso de cookies