jQuery

Facebook Twitter

Formly - The form glamorizer for jQuery. The form glamorizer for jQuery May 11, 2011 An unbelievably easy way to add style and validation to your forms.

Formly - The form glamorizer for jQuery

Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function. Download Formly is a light little fella. 17kb in total for the full and 14kb for the minified version. Download fullDownload minifiedGitHub How-to use It's really easy to get Formly working for you. jQuery is the only prerequisite so make sure you include it, along with Formly's source files, in the head section of your file.

Now, build your form using the same standard HTML markup you've always used. Okay, now that we've built the form and have added a few commands, it's time to let Formly work it's magic. <script> $(document).ready(function() { $('#MyForm').formly(); });</script> FitText - A plugin for inflating web type. Vegas Background jQuery Plugin. Webdev.stephband.info. Download git clone github.com/stephband/jparallax Instantiation jQuery( '.parallax-layer' ).parallax( options ); What does jquery.parallax do?

webdev.stephband.info

jParallax turns nodes into absolutely positioned layers that move in response to the mouse. With a bit of CSS you can either set up windows to see these layers through, or leave them free to roam about. The diagram on the right illustrates what jParallax does to the html: and here's a demonstration with some images: More demos demos/index.html demos/stalkbuttons.html - multiple parallax. demos/remotecontrol.html - parallax by remote control. demos/thumbnails.html - beautiful interactive thumbnails. demos/target.html - demonstrates how smoothly jParallax handles window resizing.

Using jParallax The default behaviour of jParallax is to show the whole width of a layer in response to the mouse travelling the whole width of the mouseport. Therefore, the simplest way to use jParallax is to make the layers different sizes using CSS. Options Layer Options Events Tips. Awkward Showcase – A jQuery Plugin. PikaChoose - An easy jQuery Slideshow Plugin.

jQuery Plugin Boilerplate. Apprise - The attractive alert alternative for jQuery. The initial release of Apprise has been a major success and is often what this site is most commonly associated with.

Apprise - The attractive alert alternative for jQuery

As far as I've been able to track, Apprise has been downloaded over 23,000 times and has been mentioned in over 46,000 blogs. Which is fantastic, especially for something that I've never been very proud of. I've wanted to update, and change the UI, of this for over a year now. Time has finally permitted and it's, finally, ready. Demos Let's get right down to business. Pretty slick, right? Let's take a peak at the default settings before we change the options around a bit.

You'll notice that the buttons are completely customizable and can easily be altered using your own CSS rules. Let's try another demo, but changing the settings around a bit. We're going to use a custom CSS class on our confirm button. You'll see the custom blue button with it's custom text, as well as a goofy little callback function that populates the field below: Response: Using.

Progressive <canvas> pie charts. Peity (sounds like deity) is a simple jQuery plugin that converts an element's content into a simple <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.

progressive <canvas> pie charts

Download version 3.1.1 Uncompressed 8.6Kb jquery.peity.js Minified 3.5Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/benpickles/peity Pie Charts Simply call peity("pie") on a jQuery selection.