100+ Best jQuery Plugin & Tutorial of June 2018

Rabbit Ear : JavaScript library for designing Origami

Rabbit Ear : JavaScript library for designing Origami

Rabbit Ear is an interesting JavaScript library for designing origami.

Disable Everything – Right Click, Text and Image Copying, Keyboard, Scrolling with jQuery

Disable Everything - Right Click, Text and Image Copying, Keyboard, Scrolling with jQuery

This jQuery Plugin allows you to disable Right Click, Text and Image Copying, Keyboard and Scrolling on your sites. You can disable some of these features or all of them at once. This plugin is particularly useful if you want to protect your images from being downloaded or your text from being copied.

Triple Panel Reveal Slideshow with TweenMax

Triple Panel Reveal Slideshow with TweenMax

Today we’d like to show you a little slideshow design with a “triple panel” layout. The infinite slideshow shows a preview of the next and previous slide on both sides of the page. When navigating we use a reveal effect for all three images and animate the titles. The animations are powered by TweenMax.

AlphaTab : Music notation & Guitar Tablature rendering Library

AlphaTab : Music notation & Guitar Tablature rendering Library

AlphaTab is a cross platform music notation and guitar tablature rendering library.

You can use alphaTab within your own website or application to load and display music sheets from data sources like Guitar Pro or the built in markup language named alphaTex.

Features:

  • load GuitarPro 3-5, GuitarPro 6, AlphaTex or MusicXML (experimental)
  • render as SVG, HTML5 canvas, GDI+,…
  • adapt to your responsive design by dynamic resizing
  • play the music sheet via HTML5 Web Audio API and Flash

Picasso.js : A Charting library streamlined for building Visualizations

Picasso.js : A Charting library streamlined for building Visualizations

Picasso.js is a charting library streamlined for building visualizations for the Qlik Sense Analytics platform.

Contact Us All-in-One Button with Callback Request Feature

Contact Us All-in-One Button with Callback Request Feature

Facebook Messenger, WhatsApp, Skype, Slack, Viber, Telegram, Call Back, Email and more channels just in one button! Let customers choose their favorite method to reach you with 1 click and follow up the conversation anytime and anywhere!

Features:

  • Callback request – customer cal easily request a call-back to his/her phone number
  • Google reCaptcha V3 integration – prevent bots to send call-back request via invisible Google reCaptcha V3
  • Countdown timer – display countdown timer when customer request a call-back
  • Theme color – customize button color (via less file)

jQuery Showcase : Modal Window Plugin

jQuery Showcase : Modal Window Plugin

The jQuery Showcase Plugin makes it easy to display content in a modal window. The plugin attempts to intelligently guess the type of content that will be displayed by looking for images, media, links, or other general HTML content

Bootstrap Strength Meter with jQuery

Bootstrap Strength Meter with jQuery

Bootstrap Strength Meter is a simple password strength meter based on Password Score.

SVGFlowBox : SVG based Event Highlighting

SVGFlowBox : SVG based Event Highlighting

SVGFlowBox is a lightweight SVG based event highlighting on flow paths.

Full Image Reveal Effect with TweenMax Animation

Full Image Reveal Effect with TweenMax Animation

Today we’d like to share a simple fullscreen image reveal effect with you. The idea is to have an inital thumbnails layout at the bottom of the page and then animate the items when we click them. A covering element comes sliding in and when it moves out, the fullscreen image view is shown behind. We are using TweenMax for the animations.