jQuery tips and plugins

Facebook Twitter
Richard Sweeney : jQuery mobile events firing multiple times and what to do about it I’m currently working on my very first iPhone app. I decided I’d build it in HTML5, CSS3, JavaScript and wrap it up all cosy and warm with the amazing PhoneGap. I also decided early on to use jQuery mobile as my framework for the project, because I’m so familiar with jQuery itself. Richard Sweeney : jQuery mobile events firing multiple times and what to do about it
List of Videos for jQuery
25 Excellent Collection Of jQuery Tutorials | Tutorials
Javascript Timeline Toolkit Javascript Timeline Toolkit mashi blog, your official source for information,insight, tutorials and updates. Visit our timelabs to see some mashi demos, apps and experiments. Rate them and vote for upcoming features. Feeling creative? Want to show off? The Labs are open for everyones apps.
10 Useful jQuery Plugins for Images | Freebies We all know and love jQuery for its flexibility and many uses. But some of the most impressive jQuery applications are those that involve images. It really can allow you to do some useful stuff and even add a “wow” factor to your project. So here we’ve rounded up 10 jQuery plugins to help you display images in your next project. Slides Slides is a crazy simple slideshow plugin for jQuery.

10 Useful jQuery Plugins for Images | Freebies

Tooltip plugins make it too difficult to control the CSS. So I created tooltipsy to simply provide extremely efficient tooltip functionality. Tooltipsy gives you complete control over the CSS, animation, and position. tooltipsy - jQuery tooltip plugin for control-obsessed designers. tooltipsy - jQuery tooltip plugin for control-obsessed designers.
jquery - Get query string values in JavaScript jquery - Get query string values in JavaScript Without jQuery var qs = (function(a) { if (a == "") return {}; var b = {}; for (var i = 0; i < a.length; ++i) { var p=a[i].split('='); if (p.length != 2) continue; b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " ")); } return b;})(window.location.search.substr(1).split('&'));
Converting jQuery Code to a Plugin Martin Angelov When it comes to efficiently organizing jQuery code, one of the best options is turning certain parts of it into a plugin. There are many benefits to this – your code becomes easier to modify and follow, and repetitive tasks are handled naturally. This also improves the speed with which you develop, as plugin organization promotes code reuse. This is why today we are going to demonstrate the process of converting code to a plugin. We are going to take the code from our jQuery & CSS3 Select Replacement tutorial, and turn it into a ready for use jQuery plugin. Converting jQuery Code to a Plugin
The Sexy Curls jQuery Plugin by Elliott Kember is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. Go drag the fold → The source code is available at GitHub. The plugin now works in IE7.

The Sexy Curls jQuery Plugin by Elliott Kember

For freelancing designers, the online portfolio is one the best ways to get some work. Every prospect will check it before hiring you for the job, so it must be good. JQuery can be a great tool to improve your portfolio’s usability or functionalities. In the following collection you will find some great jQuery scripts and tutorials that’s help you to get a better portfolio… and find more graphic design jobs!

18 jQuery scripts and tutorials to improve your portfolio

18 jQuery scripts and tutorials to improve your portfolio
Create callback functions for your jQuery plugins & extensions Create callback functions for your jQuery plugins & extensions Most of the time custom jQuery plugins and extensions that we create do not use a callback functions. They usually simply work on DOM elements or do some calculations. But there are cases when we need to define our own custom callback functions for our plugins. And this is especially true when our plugins utilize AJAX querying. Let’s say our custom jQuery extension gets data by making some AJAX request.
turn bugs into opportunities turn bugs into opportunities by Roberto Bicchierai About the component This component is a light-weight calendar/date-picker. It is described on detail here on my blog.

zLayer jQuery Plugin - Orientate Elements | Devin R. Olsen Web Developer

zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect. Best part about zLayer is how easy, lightweight, and quick the plugin is! zLayer Example – Art By: Brandon Zomora http://experimettle.deviantart.com/gallery/#/d14wkyj Click here for a larger version of this example zLayer Example

Demo | jQuery.popeye 2.0 | an inline lightbox alternative

x Note: To see the full potential of CSS3 styling (shadows, gradients, rounded corners, alpha transparency), please view this page in a modern webkit or mozilla browser (Firefox 3.5+, Safari 4, Opera 10.50, Chrome 4). Other browsers will degrade gracefully. Except for IE6, though, which I didn't bother to include. Feel free to come up with your own solution ;-)
In a recent web application I was working on, I had a need for the “Ctrl + S” hotkey to save an entry to the database. Being a an avid jquery fan, I immediately searched the plugin repository for any plugin that fits the bill. I was not very surprised to find a very comprehensive jshotkeys plugin. Ctrl + Key Combination – Simple Jquery Plugin | Ganesh
30 Trendy AJAX, jQuery And Image Galleries You May Like One of the most important elements in successful portfolio is beautiful and unique image gallery catching eye with its sliding elements and great works. If you want to get the best impression you need to think about appearance the same way as you think about your portfolio works – you need to present and view them to grab attention, to show value! Here you will find easy to customize and modern image galleries you can use for your own projects, portfolios and possibilities are endless here! You just need to put them in good use!
YoxView is a free Lightbox-type media and image viewer jQuery plugin. It's easy to use and feature-rich. Check out the changelog for news and updates! Updates are also available on Twitter or by RSS.

YoxView - jQuery image viewer plugin