Etiqueta: html5 Página 1 de 2

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.

Quantis

Quantis es un servicio de acceso a internet vía satélite. En este proyecto me encargué de mejorar y modernizar el aspecto visual general de la web, cuidando especialmente la experiencia de usuario en dispositivos móviles.

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.

UX y UI de una aplicación web

Caser – desarrollando una aplicación web. Proyecto web en el estado previo a su publicación en producción.

Mockup HTML

Mockup desarrollado en HTML para proyecto del sector financiero.

Puzzle snapPuzzle – De imagen a puzzle

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

CRM para Aragonesa de Servicios Telemáticos (AST)

Diseño y maquetación de CRM para Aragonesa de Servicios Telemáticos (AST). Se trata de un panel de control desde el que se pueden realizar diversas tareas para gestionar la contratación y distribución de servicios telemáticos.

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.

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.

Mil y un colores

Aplicación desarrollada para niños. Cada vez que entramos se generan mil y un colores aleatorios con su correspondiente código hexadecimal.

Google Maps – Busca una dirección

Ejemplo básico y útil usando la API de Google Maps. Busca una dirección y voilà! Ver este ejemplo.

Tu cupcake favorito

Un poco de dulzura nunca viene mal. ¡Elige tu cupcake favorito! Ver este ejemplo. Inspirado en el plugin de jQuery “wanky pages”.

Rasca y verás

Rasca y verás el antes y el ahora de un mito… puedes usar el ratón o el dedo. Ver el ejemplo.

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”. Ver este ejemplo.

Fernando J López

Web oficial del famoso escritor y dramaturgo Fernando J López.

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

Galería vertical 3D de imágenes creada con jQuery. Basada en un ejemplo de Pete R. Ver este ejemplo.

La Fortaleza de la Soledad

Rediseño estético y funcional de la web para fans de Superman La Fortaleza de la Soledad. También se realizó una migración de la Base de Datos, desde Joomla hacia WordPress….

Efecto pegatina – JavaScript

Efecto pegatina, similar a pageflip. Basado en  un ejemplo del repositorio de Github. Aquí tienes un divertido ejemplo.

joaquinmoratalla.com – compositor

Sitio web oficial del Compositor musical Joaquín Moratalla. En él pueden escucharse algunas de sus composiciones, obtener las correspondientes partituras de sus obras, contratar diferentes servicios… La web posee diseño adaptativo para su correcta visualización en cualquier dispositivo.

¿ Aceptas cookies?


(info sobre las cookies) ACEPTAR