Best jQuery Core Java Script Plugins & Tutorials with Demo

    EQCSS : CSS Extension for Element Queries with Javascript

    EQCSS : CSS Extension for Element Queries with Javascript

    EQCSS is a JavaScript plugin that lets you write element queries inside CSS today. With performance in mind, this plugin is written in pure JavaScript, so it doesn’t require jQuery or any other libraries on your page in order to function – add EQCSS.js to your HTML and you’re ready to get started!

    Choreographer.js : JavaScript Library for Complex CSS Animations

    Choreographer.js : JavaScript Library for Complex CSS Animations

    Choreographer.js is a simple library to take care of complex CSS animations.

    Tingle.js : JavaScript Modal Plugin

    Tingle.js : JavaScript Modal Plugin

    Tingle is a minimalist and easy-to-use modal plugin written in pure JavaScript.

    • No dependencies required
    • Fully customizable via CSS
    • CSS transitions
    • Simple API
    • No extra files to download
    • Created with UX in mind

    Background Segment Effect with CSS & Anime.js

    Background Segment Effect with CSS & Anime.js

    Today we’d like to share a little decorative effect with you that we’ve encountered on Filippo Bello’s Portfolio, maybe you’ve seen it. It’s a really neat way to add some jazz to background images. The idea is to replicate boxes from a background with the same background image and make these boxes move in perspective towards the viewer. Adding a fitting shadow and some parallax makes all this look quite interesting. Furthermore, we’re employing anime.js, the easy-to-use JavaScript animation library by Julian Garnier.

    Zingtouch : JavaScript Gesture Detection Library

    Zingtouch : JavaScript Gesture Detection Library

    A modern JavaScript touch gesture library. Allows developers to configure pre-existing gestures and even create their own using ZingTouch’s life cycle.

    ZingTouch is built to make implementing gestures for the browser as easy or complex as you need it to be. ZingTouch comes with 6 main gestures :

    • Tap
    • Swipe
    • Pinch
    • Expand
    • Pan
    • Rotate

    WebGazer.js: Scalable Webcam EyeTracking Using User Interactions

    WebGazer.js: Scalable Webcam EyeTracking Using User Interactions

    WebGazer.js is an eye tracking library that uses common webcams to infer the eye-gaze locations of web visitors on a page in real time. The eye tracking model it contains self-calibrates by watching web visitors interact with the web page and trains a mapping between the features of the eye and positions on the screen.

    Features:

    • Real time gaze prediction on most major browsers
    • No special hardware – WebGazer.js uses common webcams
    • Self-calibration from clicks and cursor movements
    • Easy to integrate with a few lines of JavaScript
    • Swappable components for eye detection
    • Multiple gaze prediction models

    Cleave.js : Javascript Library to Format Input Text Content

    Cleave.js : Javascript Library to Format Input Text Content

    Cleave.js has a simple purpose: to help you format input text content automatically.

    • Credit card number formatting
    • Phone number formatting (i18n js lib separated for each country to reduce size)
    • Date formatting
    • Numeral formatting
    • Custom delimiter, prefix and blocks pattern
    • CommonJS / AMD mode

    bwip.js : Barcode Writer in Pure JavaScript

    bwip.js : Barcode Writer in Pure JavaScript

    bwip-js is a translation to native JavaScript of the amazing code provided in Barcode Writer in Pure PostScript. The translated code can run on any modern browser or JavaScript-based server framework.

    The software has encoding modules for over 90 different barcode types and standards. All linear and two-dimensional barcodes in common use (and many uncommon ones) are available.

    Draggable Google Modal with Pure JavaScript

    Draggable Google Modal with Pure JavaScript

    Simple draggable modal with pure Javascript, inspired by Google Modal.

    Features:

    • Without external dependencies.
    • Drag and Drop
      • When is fixed, the drag is disabled.
    • Responsive
    • Shortcuts
      • Ctrl + Up Arrow: Fill the entire screen;
      • Ctrl + Down Arrow: Exit full screen;
      • Ctrl + Left Arrow: Align the left, filling half the screen*;
      • Ctrl + Right Arrow: Align the right, filling half the screen*;

    Holmes : Fast and Easy Searching Inside Page

    Holmes : Fast and Easy Searching Inside Page

    Holmes.js is a javascript library for fast and easy searching inside a page.