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