Página 2 de 4

Carula

Me encargué de mejorar la experiencia de usuario en el proceso de compra desde cualquier dispositivo electrónico (responsive web design).

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.

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.

Web App Servicio Técnico

Web App para gestión de Servicio Técnico. El gran reto para este tipo de interfaz es conseguir la mejor Experiencia de Usuario.

Responsive mockup con Axure

Un ejemplo completo de responsive mockup con Axure.

Axure mockup responsive – Vida Sana

Mockup desarrollado con Axure. Se trata de un prototipo cercano a ‘hi-fi’ en el que se muestran criterios de diseño. Además el prototipo está desarrollado bajo el paradigma de ‘mobile-first’, tiene comportamiento responsive y cierto grado de animación.

SecDel es una app para Android

SecDel es una app para Android que se encarga de cifrar y borrar los datos del dispositivo.

Henry Schein – Animal Health

En esta web de suministros de Salud para animales ajusté todas sus plantillas y sus elementos (Prestashop) para que se muestren adecuadamente a cualquier resolución de pantalla. Retoqué diversos elementos visuales y de diseño.

Puzzle snapPuzzle – De imagen a puzzle

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

Enova IT Solutions – rediseño web

Rediseño para la web de la Empresa Enova IT Solutions.

Parallax 3D

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

Farmacia Amat e-commerce

Desarrollo y diseño responsive para la tienda online Farmacia Amat.

Centrar horizontal y verticalmente con CSS

Vamos a aprender a centrar horizontal y verticalmente con CSS distintos tipos de contenidos en una página HTML.

Añade tu propio CSS a Prestashop sin alterar los archivos originales

Añade tu propio CSS a Prestashop sin alterar los archivos originales.

Horizonte de Madrid – jQuery

Un experimento de paisaje con el Horizonte de Madrid y jQuery. El cielo está creado mediante gradientes de CSS3 y cambiará en función de la hora del día en que se visite esta página. Mediante jQuery se comprueba la hora actual y se aplican cambios a clases CSS distinguiendo entre “mañana”, “tarde” y “noche.

Parallax 2D

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

Foundation – offcanvas demo

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

Bootstrapshop – plantilla responsive tienda online

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

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.

Lyrics CSS3

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

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.

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.