100+ Best jQuery Plugin & Tutorial of May 2017

Mobiscroll Forms: Build amazing forms on desktop and mobile

Mobiscroll Forms: Build amazing forms on desktop and mobile

Mobiscroll Forms supports multiple themes for different platforms and the web – iOS, Android, Windows Phone.

Shipping with 13 elements for:

* Single line and multiline text
* Select styling
* Buttons
* Segmented control
* Checkbox and checklist
* Radio buttons
* Switch
* Stepper
* Page styling & Typography
* Slider
* Progress
* Alert, confirm and prompt
* Toast and snackbar

rsSliderLens : jQuery powerfull Input Range Control Slider

rsSliderLens : jQuery powerfull Input Range Control Slider

rsSliderLens is jQuery UI slider control that magnifies the current value.

Features:

  • Two types of slider:
    • Sliding type: The handle can move along the slide rail;
    • Fixed type: The handle remains in a fixed position, while the slide rail moves underneath;
  • When using the sliding type, two handles can be utilized to select ranges;
  • If desired, it can display magnified content inside the handle(s);
  • Supports both horizontal and vertical orientations;
  • Supports left to right and top to bottom directions. These directions can be reversed;
  • Either renders a rule or the markup’s original content;
  • Supports desktop and mobile events.

Pixel Metro : jQuery Plugin to create Photo Album

Pixel Metro : jQuery Plugin to create Photo Album

Pixel Metro is a plugin allow user to create beautiful metro photo album, which had built from jQuery.

Timeline.js : jQuery Timeline Plugin

Timeline.js : jQuery Timeline Plugin

jQuery timeline plugin, easily creates a timeline.

kcToggle : jQuery Themable Checkbox Plugin

kcToggle : jQuery Themable Checkbox Plugin

kcToggle is a replace default browser checkboxes with this themable jQuery plugin.

Ember Burger Menu

Ember Burger Menu

An off-canvas sidebar component with a collection of animations and styles using CSS transitions.

Features:

  • Easy to use & setup off-canvas menu
  • Mix and match from many menu & menu item animations
  • Swipe gesture support with changeable thresholds
  • Easily create your own animations

On-Scroll Morphing Background Shapes with SVG

On-Scroll Morphing Background Shapes with SVG

Today we’d like to share a little background effect with you. The idea is to animate a decorative SVG shape on scroll. The shape is morphing into different forms depending on the section we are currently viewing. The animations are powered by Julian Garnier’s anime.js and the scroll detection is supported by Stu Kabakoff’s scrollMonitor.js.

Folder Preview Ideas with CSS

Folder Preview Ideas with CSS

oday we’d like to share some fun little hover effects with you. The idea is to show a preview animation for folders. The animations are intended as a fun micro-interaction that give the user some kind of hint of what’s inside the hovered folder. We are using anime.js to power the animations.

Shooting Range Game with HTML5 Canvas

Shooting Range Game with HTML5 Canvas

Shooting range game with HTML5 canvas.

Television News Ticker with JavaScript & PHP

Television News Ticker with JavaScript & PHP

The Television News Ticker script allows you to generate on your website a news ticker like the ones used by television stations to publish the latest news, election results, sport results, whether warnings,  stock quotes, etc.

The news displayed in the news ticker can be retrieved with the provided PHP scripts from a specified RSS feed, from a Twitter account or from a database table. Alternatively the advanced user will be able to manually generate the content of the news based on the exact needs of the publisher by connecting the news ticker with a JSON resource.