18 Most Popular jQuery Plugins of November 2012 Developers never stops making incredible jQuery plugins every now and then. This roundup lists some of the best plugins of November 2012. 1. A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. 2. This library allows you to create editable elements on your page. 3. Garlic.js allows you to automatically persist your forms' text field values locally, until the form is submitted. 4. A calendar plugin for creating flexible calendars. 5. An experimental plugin to automatically group thumbnails using a pile effect. 6. A fully responsive and lightweight jQuery date input picker 7. jHERE With jHERE, you can easily add interactive maps to your website. 8. Using a PHP file, Responsive Img creates new images on the fly the first time they're needed and puts them on your server. 9. FooTable transforms your HTML tables into expandable responsive tables, No matter how many columns of data you may have in them. 10. 11. 12. 13. jPanelMenu 14. 15. 18.
Tiny Scrollbar: A lightweight jQuery plugin Nonsense The chart shows how much lessons young people took in sports during 1999 sorted by sport and gender. The most popular sport for boys was football with 67 lessons. Girls do not seem to like football that much they only took 18 lessons. Swimming was the most popular sport for girls with 52 lessons. boys also took an interest in swimming and took 47 lessons. Boys took 59 lessons and girls 50 lessons in cycling. The diagram shows the evolution of the horse over a period of 40 million years. The table shows where students got there money from over a ten year period in the United Kingdom. These days sporting champions are more motivated by fame and money. The diagram shows the process of how to do a research.
Hitch - Add some expressive prollyfilled power Grid-A-Licious Back in mid 2008, I created a jQuery plugin. I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid, and thought this kind of layout belonged in real papers. This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect. In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. Today this floating grid layout effect is heavily used around the net and there are tons of different variations of the script to download and use. So, why am I continuing developing this? If this is something you’ve been looking for, go ahead and download the plugin and use it.
Gild/bootstrap-tour Tooltipster - The jQuery Tooltip Plugin Styling your tooltips with a custom look ⇑ Tooltipster makes it very easy to go from one of the packaged themes and customize a few properties of your choice. To do so, we recommend that you create a so-called "secondary theme" which will override some properties of a packaged theme. Create a new css file and include it in your page. For your secondary theme to be applied, provide an array of themes instead of just one. Changing the size of the arrow might be the only challenging customization but it's doable! Updating a tooltip's content ⇑ It's easy as pie to update a tooltip's content - whether it's open or closed. $('#myelement').tooltipster('content', 'My new content'); // or when you have the instance of the tooltip: instance.content('My new content'); Tooltipster plays a subtle animation when the content changes. Using AJAX to generate your tooltip content ⇑ One great use for this is to grab dynamic content for your tooltips via AJAX. Forcing or disabling sides ⇑ Predefined behaviors
jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com Create jQuery Feature Tours in a Breeze Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings. Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved. New in Version 2 There have been many significant performance improvements in Joyride 2, along with a myriad of new features. It works on every screen size! Step 1 Pack Your Bags You’ll definitely need the Joyride kit in order to do this, so make sure you download it. /* Attach the Joyride CSS file */ <link rel=" stylesheet" type="text/css" href="jquery.joyride-2.0.css"> /* jQuery needs to be attached */ <script src="jquery-1.8.2.min.js"></script> /* Then attach the Joyride plugin */ <script src="jquery.joyride-2.0.js"></script> Step 2 Step 3 Step 4 Step 5
Garlic.Js and Sisyphus.Js: These jQuery Plugins Store Form Values With HTML5 LocalStorage Nov 16 2012 The problem is as old as forms on the web are. The longer the form, the bigger the problem, potentially. Garlic.js and Sisyphus.js: Save The Content Of Your Form To LocalStorage If you run an ecommerce site you are aware of the problem. This effect is not limited to shoppers, of course. Garlic.js and Sisyphus.js, two relatively fresh plugins for jQuery promise to be the solution. The operating principle of both plugins is identical. Basic usage is simple with both plugins. Garlic.js: The data attribute has to be attached to each form you want to have the values stored by Garlic. Sisyphus.js works using a function call, not the data attribute kind: As you easily recognize, Sisyphus lets you specify multiple forms in one single function call. Sisyphus offers more options for customization than Garlic does. Don’t be too quick to dismiss Garlic for Sisyphus though. Related Links: Homepage