Powered by Blogger.

Random Post

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, 
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.
Simple yet flexible JavaScript charting for designers & developers.

Features

Mix and match bar and line charts to provide a clear visual distinction between datasets.

Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease.

Out of the box stunning transitions when changing data, updating colours and adding datasets.

Open source-Chart.js is a community maintained project, contributions welcome!

Responsive-Redraws charts on window resize for perfect scale granularity.

HTML5 Canvas-Great rendering performance across all modern browsers (IE9+)

8 Chart types-Visualize your data in 8 different ways; each of them animated and customisable.

Demo

Download




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


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


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 
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

TwitTalk is a very simplistic use of the Twitter API.
It encompasses both the search and user profile API to grab both text and media tweets.
Right now, it will take the last x amount of tweets from users where the language is determined to be english(en) who have mentioned Kate Spade/Jack Spade or the tweets that are from Kate Spade and Company entities.
The layout is built with JQUERY (Freewall.js).
The twitter process is built with PHP and the rest is just vanilla JS.

Demo

Download
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