Etiqueta: responsive design Página 1 de 2

Website – Gym

Plantilla responsive de sitio web para un gimnasio. Esta plantilla se adapta fácilmente a distintos tipos de negocio.

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.

Dashboard – Gym

Plantilla responsive de Dashboard para usuarios registrados. Se trata de un Dashboard sencillo pensado para adaptarse a distintos tipos de negocio.

Step menu simple CSS

‘Step menu’ responsive.

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.

Farmacia Amat e-commerce

Desarrollo y diseño (responsive avanzado) para tienda Prestashop online. Se le ha dado el protagonismo a los productos. El diseño y la maquetación son minimalistas pero precisos. La limpieza visual es imprescindible para este tipo de tiendas.

Responsive mockup con Axure

Un ejemplo completo de responsive mockup con Axure.

Mockup HTML

Mockup desarrollado en HTML para proyecto del sector financiero.

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.

Foundation 5 – offcanvas demo

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

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.

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.

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.

Fernando J López

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

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.

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/

AutoScroll Subir – js & jQuery (adaptativo)

Ver este ejemplo.

AutoSlideshow jQuery (js)

Ver este ejemplo.

jQuery Mobile – App listado de cuadros

App desarrollada con jQuery Mobile y algunos plugins extra.

Microsite Bootstrap Responsive – A Perfect Circle

Ver el microsite.

¿ Aceptas cookies?


(info sobre las cookies) ACEPTAR