Articles by "plugin"
Showing posts with label plugin. Show all posts

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

1. GaugeMeter.js 











A canvas  rendering library which generate animated Gauge Meter .
GaugeMeter.js is highly customizable and includes full-radial, semi-radial & arch dials.

Main Features


  • No dependency
  • Fully canvas rendering No images.
  • Custom modifications
  • Open Source



2. gauge.js 












Features

  • No images, no external CSS - pure canvas
  • No dependencies (jQuery is supported, but not required)
  • Highly configurable
  • Resolution independent
  • Animated guage value changes (!)
  • Works in all major browsers

3.Industrial.js
















A jQuery-driven library of CSS3 gauges, tanks, and more.

 This library allows you to create an array of different industrial monitoring components.
 These components include:

Tanks
Thermometers
Gauges
LEDs
and Digital Readouts



4. HTML Canvas Gauges 

This is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.







Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

Lazy Load Plugin for jQuery


Lazy Load is delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them. This is opposite of image preloading.



Using Lazy Load on long web pages will make the page load faster. In some cases it can also help to reduce server load.

Demo

JLazy


Lazy is a fast, feature-rich, extensible and lightweight delayed content loading plugin for jQuery & Zepto. It's designed to speed up page loading times and decrease traffic to your customers and users by only loading the content in view.

Demo
Download

Lazyload

LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport.
LazyLoad is a fast, lightweight and flexible script to allow you enhance performance on your website by loading images only as they enter (or are about to enter) the viewport or a scrollable area, with best support to the img srcset attribute and to the progressive JPEG image format.

LazyLoad supports responsive images, it’s SEO friendly and it has some others notable features.

Demo

Download

bLazy 


bLazy is a lightweight script for lazy loading and multi-serving images, iframes, videos and more (less than 1.4KB minified and gzipped). It’s written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn't browse the whole page.

Demo

Download

BttrLazy


BttrLazyLoading is a Jquery plugin that allows your web application to defer image loading until images are scrolled to but not only! BttrLazyLoading also allows you to have different version of an image for 4 differents screen sizes: phones (<768px), tablets (≥768px), desktops (≥992px) and large Desktops (≥1200px).

Demo 

Download

Tags:
ajax loader, image effects, javascript load, javascript on scroll, jquery, lazy images, lazy load images, lazy loading, lazy loading javascript, lazyload js, load plug in, plugin, 
Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.
A vanilla, lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

Features


  • Lightweight
  • No jQuery dependency
  • Configurable sorting
  • Flexible styling
  • Fast search/filtering
  • Clean API
  • Right-to-left support
  • Custom templates
Check out demo and developer site


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

A lightweight, pure JavaScript tooltip library.

Most browsers from 2012 onwards (IE10+). As of early 2017, it should support 95% of users (caniuse.com); depending on your target audience it could be higher or lower. Tippy gracefully degrades on older browsers (and with JavaScript disabled) by using the browser's default title tooltip.

Tippy works on touch devices almost the same as on desktop/mouse devices.
However, in order for tooltips to close when tapping anywhere on the body on touch devices (at least on iOS).

Demo

Download


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

A Fast, simple and lightweight browser feature detection library written in plain JavaScript. Try it by opening this page in different browsers and seeing the results:
 It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automati­cally initia­lizes itself on page load, so you don’t have to. It doesn’t, however, run any tests while ini­tia­lizing, so

it will only ever run them when you ask it to. This makes it perform very fast.
With Feature.js, it’s simple to build progres­sively enhanced expe­riences that use feature detection to determine if a code can be execu­ted in the user’s browser.

Demo

Download 
Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

Today we’d like to share some isometric grid styles with you.
The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations.
 The second demo shows some ideas for “static” grids that are not scrollable but that serve more kind of a decorative purpose.
Demo

Download


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.



TToday i am going to share some commonly used query validation plugins on last year .These all are very easy to integrated on common programming languages .

1.jqueryvalidation


This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation, while providing an API to write your own methods.

Demo | Download

2.jQuery-Validation-Engine

jQuery validation engine is a Javascript plugin aimed at the validation of form fields in the browser (IE 6-8, Chrome, Firefox, Safari, Opera 10). The plugin provides visually appealing prompts that grab user attention on the subject matter.
Validations range from email, phone, and URL, to more complex calls such as ajax processing or custom javascript functions.

Demo | Download

3. Validator, for Bootstrap 3

The Validator plugin offers automatic form validation configurable via mostly HTML5 standard attributes. It also provides an unobtrusive user experience, because nobody likes a naggy form.

Demo | Download


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

  1. jquery.inputmask

    jquery mask plugin,masked input plugin for jquery,jquery masked,jquery input mask plugin,jquery mask plugin example,jquery mask plugin download,mask input jquery,jquery data mask,jquery input masks,mask in jquery example

    jquery.inputmask is a jquery plugin which create an input mask.
    An inputmask helps the user with the input by ensuring a predefined format. This can be usefull for dates, numerics, phone numbers, .

    Highlights:


    • easy to use
    • optional parts anywere in the mask
    • possibility to define aliases which hide complexity
    • date / datetime masks
    • numeric masks
    • lots of callbacks
    • non-greedy masks
    • many features can be enabled/disabled/configured by options
    • supports readonly/disabled/dir="rtl" attributes
    • support data-inputmask attribute
    • multi-mask support
     Demo|Download

  2. digitalbush-Masked-input-plugin

    jquery mask plugin,masked input plugin for jquery,jquery masked,jquery input mask plugin,jquery mask plugin example,jquery mask plugin download,mask input jquery,jquery data mask,jquery input masks,mask in jquery example













     This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer, Firefox, Safari, Opera, and Chrome.
    Demo | Download

  3. jquery-maskmoney

    jquery mask plugin,masked input plugin for jquery,jquery masked,jquery input mask plugin,jquery mask plugin example,jquery mask plugin download,mask input jquery,jquery data mask,jquery input masks,mask in jquery example
    jQuery plugin to mask data entry in the input text in the form of money (currency).
    Demo | Download.

    Last updated:22/12/2014
    Tags:
    jquery mask plugin,masked input plugin for jquery,jquery masked,jquery input mask plugin,jquery mask plugin example,jquery mask plugin download,mask input jquery,jquery data mask,jquery input masks,mask in jquery example
Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

  1. iGrowl

    iGrowl is a lightweight jQuery plugin that generates growl-like notifications with an emphasis on icons. Alerts are fully responsive and CSS animations are used to provide optimal performance. The plugin also includes 4 optional icon packs. 
    Demo     | Download 

  2.  Notify.js

    Notify.js is a jQuery plugin to provide simple yet fully customisable notifications. The javascript code snippets in this documentation with the green edge are runnable by clicking them.
    Demo     | Download 

  3.  PNotify

    PNotify is a JavaScript notification plugin, developed by SciActive. Formerly known as Pines Notify. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use.
    Demo | Download

  4. AmaranJS jQuery Notification Plugin









    Nice, sleek and stylish notifications.
    Demo |Download

  5. ohSnap

    A simple notification jQuery/Zepto library designed to be used in mobile apps
    Demo | Download

Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.
Jspanel is a Jquery plugin for create floating panels for use in a backend solution and other web applications or websites. jsPanel 1.6.0beta10 release on 2014-04-15 with newly features such as optional footer toolbar,improve css,themes and overall improvements in codes and its performance .
For API configurations and detailed configuration of codes please visit  this link .

What is new in Latest jsPanel

  • Add optional footer toolbar
  • Header and footer toolbar now has the same functions
  • improve CSS and templates
  • Improvements in codes and performances
 Read more
Demo
Continue reading
Subscribe to: Posts (Atom)