Etiqueta: responsive design

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.

Datatable con filtros – responsive design

Plantilla de Datatable con menú de filtros y también de cambio de sección.

Step menu simple CSS

‘Step menu’ responsive.

Plantilla responsive multipropósito y dashboard

Esta plantilla se adapta fácilmente a distintos tipos de negocio, como por ejemplo un gimnasio. También he creado un dashboard que sirve como complemento a esta plantilla por su aspecto y funcionalidad.

Carula

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

Responsive mockup con Axure

Un ejemplo completo de responsive mockup con Axure.

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.

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.

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.

Foundation – offcanvas demo

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

Logotipo Responsive

Logotipo Responsive es un tutorial de cómo adaptar un logotipo a distintos tipos de dispositivos.

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.

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.

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.

Nando López

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

Ink – Crea emails responsive

Una herramienta con muy buena pinta para desarrollar emailings responsive. Aquí está el enlace de descarga y toda la info: http://zurb.com/ink/

Microsite Bootstrap Responsive – A Perfect Circle

Ver el microsite.