Etiqueta: html5

Convertir imagen a base64

Utilizar imágenes en base64 tiene la ventaja de ahorrar peticiones al servidor, ya que las imágenes quedan “embebidas” en la propia página.

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.

La Fortaleza de la Soledad

Rediseño estético y funcional de la web para fans de Superman.

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.

Indentar HTML, CSS o JavaScript con Sublime Text

Sublime-HTMLPrettify es un plugin de SublimeText para indentar HTML, CSS o JavaScript con SublimeText.

Alinear horizontal y verticalmente cualquier cosa con Flexbox

Aprender a alinear horizontal y verticalmente cualquier cosa con Flexbox.

Sublime Text 3 – Las 20 mejores combinaciones de teclas

Las mejores combinaciones de teclas para Sublime Text 3.

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.

Parallax 2D

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

Librosenvena.com

Diseño responsive minimalista y elegante, con un menú personalizado muy manejable para móviles y tabletas. Las imágenes destacadas son vitales para dar vida a este diseño. Además sirven como identificadores de los posts.

Fondo vídeo YouTube

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

Tu cupcake favorito

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

Rasca y verás

Rasca y verás el antes y el después de un mito, la Gioconda.

Galería Parallax – Homenaje a “Amanece, que no es poco”

Galería de imágenes usando el efecto “parallax”. Homenaje a la película “Amanece, que no es poco”.

Galería vertical 3D de imágenes – jQuery

Terrorífica galería vertical 3D de imágenes.

Nando López

Web oficial del famoso escritor y dramaturgo Nando López.

Efecto pegatina – JavaScript

Efecto pegatina, similar a pageflip.

Expositor – CSS3

Ejemplo de diversos efectos de animación creados con CSS3. No te pierdas ninguno.

jQuery Mobile – Productos

Ejemplo de App con galería de productos.

Galería Animaciones CSS3

Galería de animaciones CSS.

Listado de Productos Expandible

Listado de productos expandible,  al estilo de Google Images.