ColorCloud – One-Page Design, 3-Layer Parallax

Versión 2.0 – Refactorización de estructuras – ¡guau, incluido un entorno de desarrollo avanzado con Jade, Gulp, Sourcemaps, Autoprefixer, BrowserSync!

¡Diseño Bootstrap 3 de una página con Parallax BG de 3 niveles de profundidad!

ColorCloud es una plantilla HTML5/CSS3 de una página, colorida y atractiva, construida en Bootstrap 3.0 y desarrollada con LESS.

La plantilla presenta un falso 3D. efecto de desplazamiento de paralaje con 3 capas de imágenes de fondo: desplácese hacia abajo en la página y observe cómo las nubes se mueven a diferentes velocidades.

ColorCloud también ofrece una bonita sección de «recorrido» para presentar sus procesos.

Tenga en cuenta: Las imágenes de esta vista previa no están disponibles en los archivos de descarga.

CARACTERÍSTICAS DE LA PLANTILLA

• Arranque 3 + MENOS
• HTML5+CSS3
• Fondo de paralaje profundo de 3 niveles
• Diseño de desplazamiento suave de una página
• Diseño Responsivo
• Formulario de contacto AJAX
• Glifos + Íconos personalizados de IcoMoon
• Control deslizante flexible
• Widget de Twitter

AMOR AL CLIENTE

ENTORNO AVANZADO DE DESARROLLO FRONTAL

ColorCloud se reconstruyó en octubre de 2015 con herramientas modernas para ayudar a los desarrolladores de aplicaciones para el usuario a disfrutar de un flujo de trabajo elegante. Plantillas parciales de Jade, MENOS módulos, tareas de compilación al guardar + recarga en vivo, sincronización multidispositivo.

Estructura de plantilla de jade

CRÉDITOS

Los siguientes elementos utilizados en esta plantilla merecen crédito:

MARCOS CSS

• Arranque de Twitter 3 – http://www.getbootstrap.com
• Animate.css por Dan Eden – http://daneden.me/animate/

??

GUIONES

• Biblioteca jQuery – http://www.jquery.com
• interfaz de usuario jQuery – http://www.jqueryui.com
• Control deslizante flexible – http://www.woothemes.com/flexslider
• Isótopo jQuery – http://isotope.metafizzy.co/
• FitVids.js – http://fitvidsjs.com
• Puntos de referencia jQuery – http://imakewebthings.com/jquery-waypoints/
• Responder.js – https://github.com/scottjehl/Responder
• Tweet.js-Mod – https://github.com/StanScates/Tweet.js-Mod
• Línea de base.js – http://daneden.me/baseline/
• Formulario de contacto de Ajax: Repositorio de bits – http://www.bitrepository.com/

FUENTES

• Losa Roboto – Google WebFont – http://www.google.com/fonts/specimen/Roboto+Slab
• Nunito – Google WebFont – http://www.google.com/fonts/specimen/Nunito

ICONOS

• Ico Luna – http://icomoon.com/ (múltiples fuentes de iconos)
• Fuente impresionante – http://fortawesome.github.io/Font-Awesome/ (colección completa)
• Glifos para Bootstrap – http://glifoicons.getbootstrap.com (colección completa)

IMÁGENES (SOLO DISPONIBLES EN VISTA PREVIA – NO INCLUIDAS EN DESCARGAS)

• Muchas gracias al talentoso diseñador/ilustrador. ricardo de zoete por permitirme usar sus tiros de regate en la vista previa de este artículo. Asegúrate de revisar su Portafolio en Graphicriver!

ACTUALIZACIÓN DE VERSIÓN

• 1.1 – 10 de septiembre de 2013

  Agregado Tablas de precios!

• 1.0 – 9 de septiembre de 2013

  Versión original