background preloader

Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page

Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page
Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on or download the entire project, including examples. Do you see the full-sized background image on this page? In a nutshell, that's what Backstretch does. It will stretch any image to fit the page or block-level element, and will automatically resize as the window or element size changes. Images are fetched after your page is loaded, so your users won't have to wait for the (often large) image to download before using your site. Demos Where can I get it? If you are interested in learning more about Backstretch, it's recommended that you view the project on GitHub. Support Basic support is offered through Github's issues tracker. If you are in need of immediate support, Email Support is available for $17. Other jQuery Plugins

Related:  ropetightJQuery

Auto-detecting Credit Card Type There was a time when people thought the internet required a completely different payment method than the real world. After a very short period of time, everyone came to realize that credit cards were actually quite well-suited to the web, and so the credit card form was born. You’ve probably seen such form frequently and always with the same fields:

maxatwork/form2js @ GitHub Javascript library for collecting form data Example: If you have any questions/suggestions or find out something weird or illogical - feel free to post an issue. Because everything is better with jQuery, jQuery plugin added, check out jquery.toObject.js =) Details Structure of resulting object defined by "name" attribute of form fields. rangy - A cross-browser JavaScript range and selection library A cross-browser JavaScript range and selection library. It provides a simple standards-based API for performing common DOM Range and Selection tasks in all major browsers, abstracting away the wildly different implementations of this functionality between Internet Explorer up to and including version 8 and DOM-compliant browsers. For manipulating selections in <textarea> and <input type="text"> elements, see Rangy's poorly-named and svelter twin project, Rangyinputs. Hosted files for the current stable release can always be found at while the latest development build can be found at These are intended for use in demos using tools such as jsFiddle. Download | Change log | Documentation | Demos | Discussion group

Bootstrap Registration Form Tutorial. This post is a continuation of my previous post Bootstrap tutorial for blog design and already explained about fluid page design. Today let's look at the form HTML elements that comes with Twitter Bootstrap toolkit using these I made a rich registration/sign up form with validation in 10 mins . Bootstrap helps you to produce clean and highly usable applications, it will reduce larger engineering efforts and gives uniform application solutions. Adipoli jQuery Image Hover Effects How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: <script> $('#image1').adipoli(); </script> Adding Options:

Multiple Select Multiple Select Multiple select is a jQuery plugin to select multiple elements with checkboxes :). Multiple Selected is licensed under the The MIT License. Completely free, you can arbitrarily use and modify this plugin. If this plugin is useful to you, you can give me a star, and I will do better, thanks. progressive <canvas> pie charts Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.2.1 Uncompressed 8.7Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js

audio.js It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css. Installation Put audio.js, player-graphics.gif & audiojs.swf in the same folder. Include the audio.js file: <script src="/audiojs/audio.min.js"></script> Initialise audio.js: <script> { var as = audiojs.createAll(); }); </script> Then you can use <audio> wherever you like in your HTML: <audio src="/mp3/juicy.mp3" preload="auto" />

Related:  WEBDESIGNjqueryInspiration