Página 2 de 6

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.

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.

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.

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.

Mockup con Sketch – Mobile y Tablet

Desarrollo de Mockup con Sketch para aplicación de venta de vinos.

Mockup HTML

Mockup desarrollado en HTML para proyecto del sector financiero.

Calendario Toyota 2016

Calendario Toyota 2016. Se trata de un microsite ideado para recopilar fotos de los empleados de Toyota y con ellas crear un calendario físico para el año 2016.

Radio Popular PT (Portugal)

Rediseño para Web App & Mobile de Radio Popular (Portugal). Se ajustó el diseño para que encajara con el de su web de venta online de electrodomésticos y tecnología.

Banasta de Frutas

En esta tienda online, hecha con Prestashop, realicé el mantenimiento y la mejora de su responsive para dispositivos móviles.  

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.

SecDel es una app para Android

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

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.

B de Belén – tienda online Prestashop

Diseño y personalización de tienda online Prestashop. Se ha dado gran relevancia al slider de la Home ya que en este caso la cantidad de productos disponibles es reducida.

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

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

Publica tus posts de WordPress en Facebook de manera automática (dlvr.it)

Publica tus posts de Wordpress en Facebook de manera automática (dlvr.it)

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.

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.

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.