background preloader

jQuery NailThumb

experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develop a functionality that enable your user to load avatars of the right height and width, and still you'll be able to present them nicely in the size/sizes your layout need. Take a look at the avatar demo What this is not? This plugin won't help you deliver very big high-res images more easily. However with this plugin you'll just have to resize them to a more bandwidth friendly dimension, you won't need to crop/resize them to any particular aspect ratio, and most of all you'll be able to change that shape via css whenever you want afterwards. Related:  JQUERY PLUGINS

clueTip Plugin Demo clueTip Plugin Demo Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. You can use any jQuery selector you want to attach your clueTips. Default Style jTip Theme Rounded Corners Theme this is the local content to load when the 'local' parameter is set to true.

scrollUp jQuery plugin - Mark Goodyear ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work with any site. How to use Simply include the jquery.scrollUp.min.js file and place the following in the head of your document (make sure jQuery is included): Minimum setup Example with default options activeOverlay To create a visible line to help determin an ideal scroll distance from the top, assign a valid CSS colour to the activeOverlay setting. Fully Customisable ScrollUp is fully customisable through CSS which makes it simple to fit right into your project. Check out the demo for more style and feature examples.

simpleWeather - a simple jQuery plugin jQuery Video Background plugin Code available for download on Github. Example of the jQuery Video Background plugin. Will place a resizable video in to the background of the page or designated element. Browsers that don't support the HTML5 video element will get an image if a poster image was provided. If the containing element's width and height does not match the aspect ration of the video, the video will not alter it's aspect ratio but will render based on the largest dimension. Public methods play: Trigger a play/pause event on the chosen video background. mute: Trigger a mute/unmute event on the chosen video background. destroy: Will destroy the chosen video background. resize: When invoked this will resize the video background to the height of the document or window. Plugin parameters videoSource: Either an array of strings of video URL's or a two-dimensional array containing video URL's and type. poster: The URL string of the image used for the video poster attribute. autoplay: Video autoplay attribute boolean. preload:

Packery 50 Amazing jQuery Plugins That You Should Start Using Right Now Martin Angelov jQuery has a wonderful community of programmers that create incredible things. However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. This is why, in this post, you will find a collection of 50 new jQuery plugins and JavaScript libraries that, when applied with good measure, can make your sites a joy to use. The plugins are organized into categories for easier browsing. Enjoy! Dialogs The browser’s built-in dialogs are easy to use but are ugly and non-customizable. 1. Alertify (github) is small library for presenting beautiful dialog windows and notifications. alertify.alert("Message"); alertify.confirm("Message", function (e) { if (e) { } else { } }); Alertify.js 2. jQuery Avgrund jQuery Avgrund (github) is another cool dialog solution. jQuery Avgrund Forms Forms are tedious and boring. 3. iCheck iCheck (github) is a jQuery plugin that enhances your form controls. iCheck 4. Long Press 5. jQuery File Upload 6. 8.

BigVideo.js - The jQuery Plugin for Big Background Video The jQuery Plugin for Big Background Video (and Images) This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). BigVideo.js is built on top of Video.js from zencoder. You can read about how to use BigVideo.js below. DOWNLOAD: zip tar examples bower install BigVideo.js Setup BigVideo.js uses the Video.js api. To simply play a video that takes up the entire browser window (like in this example), do this: For crossbrowser fallbacks, you can include a source order with different video formats. Ambient Video To play silent video in the background of a page (like in this example), use BigVideo’s ambient setting: Or play a series of ambient background videos (like in this example) Keep in mind that mobile devices do not allow video autoplay. Video.js Because BigVideo.js is built on top of Video.js, you can use the Video.js api. BV.getPlayer().pause(); Tips For best results, I recommend using Vimeo.

Unheap - A tidy repository of jQuery plugins jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download. Show, dont tell, here is a example How to Use It Let me walk you thru it. Then create a DOM element which gonna contains the generated qrcode image. Then you add the qrcode in this container by jquery('#qrcode').qrcode("this plugin is great"); This is it. see it live. Conclusion jquery.qrcode.js is available on github here under MIT license.