100+ Best jQuery Plugin & Tutorial of February 2018

    Yet Another DataTables Column Filter : jQuery Plugin

    Yet Another DataTables Column Filter : jQuery Plugin

    This jQuery plug-in allows the user to easily add filter components to table columns, the plug-in works on top of the DataTables jQuery plug-in.

    Features:

    • Support DataTables 1.10.0 – Use yadcf.init(…) for new API (Capital “D”)
    • Support all data source: DOM, Javascript, Ajax and server-side processing (1.10.0 +)
    • Various filter options:
    • select input, multiple selection input, text input
    • autocomplete input – make use of the jQuery UI Autocomplete widget (with some enhancements)
    • date input – make use of the jQuery UI Datepicker widget (with some enhancements)
    • range of numbers
    • range of numbers with slider widget – make use of the jQuery UI Slider widget (with some enhancements)
    • range of dates – make use of the jQuery UI Datepicker widget (with some enhancements) or Bootstrap Datepicker
    • custom function
    • Filters can be placed in the header (thead) or in the footer (tfoot) , second argument of yadcf constructor or third argument of init function

    Toneletter.js : jQuery plugin to add Tone symbols into Text fields

    Toneletter.js : jQuery plugin to add Tone symbols into Text fields

    Toneletter.js is a jQuery plugin that allows you to put phonetic and tone symbols into your text fields with simple key binding.

    CCWE – Live Crypto-Currency Ranking with jQuery

    CCWE - Live Crypto-Currency Ranking with jQuery

    This Script is a Live-Data-Ranking for Crypto-Currencies. The Data is delivered in Real-Time via a Websocket-Connection. You can edit and change Settings as well as add more Data for Crypto-Currencies. This Script is fully responsive and mobile ready.

    Features:

    • Real Time
    • Over 1000 Crypto-Currencies
    • Price in 33 Fiat-Currencies
    • Market-Cap
    • BTC-Dominance
    • Instant Search
    • Load more Data for each Crypto-Currency
    • Charts
    • Statistics

    iFlow : JavaScript powerful State Management Framework

    iFlow : JavaScript powerful State Management Framework

    iFlow is a concise & powerful state management framework, iFlow has no dependencies and it’s very small(5k).It’s dynamic and extensible, you can directly use it to add, delete and reassign the state/action. It completely supports plain class and function based on mutable data structures, and be easy to OOP.

    Features:

    • Plain class and function – Simple, capable of designing various state structure.
    • Store tree compose – Store tree is easy to share and operate.
    • Dynamic and hot-swapping – Both the state and action can be directly and freely changed.
    • Async function and other type of functions – Any actions will be composed or invoked internally.
    • Powerful middleware – Middleware can handle any store change event.
    • Store support immutable – Store is supported to be processed into a immutable store.

    Animated Fragment Slideshow with Anime.js & Pieces

    Animated Fragment Slideshow with Anime.js & Pieces

    Today we’d like to show you how to create a playful slider with an original fragmented look. Each element of the slider will be divided into pieces that will animate in different ways, using Pieces, a library that I’ve created for achieving interesting effects like these easily.

    printThis : jQuery Printing Plugin

    printThis : jQuery Printing Plugin

    jQuery printing plugin. Print specific or multiple DOM elements while maintaining styling.

    Features:

    • Print specific & multiple DOM elements
    • Preserve page CSS/styling ** or add new CSS; the world is your oyster!
    • Preserve form entries
    • Canvas support (experimental)

    jQuery accessible Offcanvas plugin : js-offcanvas

    jQuery accessible Offcanvas plugin : js-offcanvas

    A lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes.

    Features:

    • Uses CSS transforms & transitions.
    • BEM c-offcanvas c-offcanvas--left is-open
    • From Any Direction: left, right, top and bottom.
    • Overlay, Reveal and Push.
    • API & Events

    jQuery Image Map Plugin

    jQuery Image Map Plugin

    A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes.

    mlStackNav : jQuery Multi-level Stack Navigation

    mlStackNav : jQuery Multi-level Stack Navigation

    jQuery mlStackNav is a customizable, responsive, accessible, easy-to-use multi-level stack navigation menu with slide effect.

    Carbon : Create and Share beautiful Images of your Code

    Carbon : Create and Share beautiful Images of your Code

    Create and share beautiful images of your source code.Start typing or drop a file into the text area to get started.

    Features:

    • Import from GitHub gist. Simply append a GitHub gist id to the url
    • Customization. Customize things like your image’s syntax theme, window style, and more
    • Share quickly. Save your image or Tweet a link with one click