Interactive Drag and Drop Coloring Concept

Interactive Drag and Drop Coloring Concept

Today we would like to share a fun interactive coloring concept with you. The idea is to simply drag a color from a color palette to a website mockup and color designated areas of it (like sections or texts). You might have encountered customization tools before, but we wanted to add some fun to this idea and make it enjoyable to use.

jQuery Date Range Picker Plugin

jQuery Date Range Picker Plugin

jQuery Date Range Picker is a jQuery plugin that allows user to select a date range.

  • Requires jQuery 1.3.2+, Moment 2.2.0+
  • Supports IE6+, Firefox, Chrome, Safari and other standard HTML5 browsers.
  • Supports multi-language
  • Fully CSS styled

Layzr.js : JavaScript library for Lazy Loading

Layzr.js : JavaScript library for Lazy Loading

A small, fast, modern, and dependency-free javascript library for lazy loading.

jQuery Hero Slider

jQuery Hero Slider

A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.

SmartWave : jQuery Content Carousel Plugin

SmartWave : jQuery Content Carousel Plugin

SmartWave is a smart content carousel plugin with a lot of great features! Along with smooth CSS3 transitions, retina-ready controls and support for wide range of browser, SmartWave can rotate items in perspective during scroll, accelerate when you swipe faster, resize by choosing best items size and number of visible items and finally, perform “lazy loading” of images, what dramatically reduces loading time on mobile devices!

  • Fully responsive & Mobile optimized
  • Retina-ready
  • CSS3 on board with jQuery fallback
  • Interesting rotation effect
  • Configurable angle of rotation effect
  • Adjustable number of visible items and their size
  • Swipe speed aware scroll
  • “Snap” scroll mode (one-by-one or all visible)
  • Lazy loading for images to speed-up your site!

UAParser.js : JavaScript-based User-Agent String Parser

UAParser.js : JavaScript-based User-Agent String Parser

Lightweight JavaScript-based User-Agent string parser. Supports browser & node.js environment. Also available as jQuery/Zepto plugin, Component package, Bower package, Meteor package, & AMD module.

Extract detailed type of web browser, layout engine, operating system, cpu architecture, and device type/model purely from user-agent string with relatively lightweight footprint

Responsive Navigation with CSS3 & jQuery

Responsive Navigation with CSS3 & jQuery

Responsive Navigation with CSS and jQuery.This project is an attempt to create a navigation system that provides basic functionality even without javascript, with CSS only.

The first goal was to see how far we could go with CSS alone. Every site should be usable without javascript (and also without CSS for that matter). With our jQuery plugin you can traverse the sub menu’s by touch or clicking and optionally by moving your mouse over it. If you’re a keyboard fan, then you can spam your tab key to the menu and hit enter to open or close a sub menu

Hemi Intro : jQuery Step by Step Introduction Plugin

Hemi Intro : jQuery Step by Step Introduction Plugin

jQuery introduction (intro) plugin step by step.

jqFlipSwitch : jQuery Plugin for Flip-Switch

jqFlipSwitch : jQuery Plugin for Flip-Switch

jqFlipSwitch is jQuery Plugin for Flip-Switch.

Cta.js : Animate your Action-to-effect path

Cta.js : Animate your Action-to-effect path

Cta.js or “Call to Animation” is a light-weight performant library to animate any element (“action”) onto any other element (“effect”) on the page.

It is written with an aim to promote visual continuity in web apps.