Página 2 de 4

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.

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.

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.

Enova IT Solutions – rediseño web

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

Se ha reconstruido la arquitectura de la información de esta web resumiendo sus textos, dejando de lado los submenús…

Puzzle snapPuzzle – De imagen a puzzle

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

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.

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.

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.

SecDel es una app para Android

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

Foundation – offcanvas demo

Foundation – 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.

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.

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.

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.

Horizonte de Madrid y 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.

Las mejores naves

Las mejores naves de la ciencia ficción en un slideshow minimalista. ¿Las conoces todas? Ver el ejemplo.

Una docena de arte

Una docena de arte es una pequeña muestra de grandes obras pictóricas de la historia. Contiene una descripción a modo de curiosidad de cada una de las obras.

Recomendación de W3C para nuevas características CSS3

Un esquema del proceso de recomendación de W3C para añadir nuevas características a CSS3. He utilizado el plugin ‘flatshadow’ de jQuery para las sombras. Aquí tienes el esquema.