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.

Richard Sweeney : jQuery mobile events firing multiple times and what to do about it

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. List of Videos for jQuery. 25 Excellent Collection Of jQuery Tutorials. Javascript Timeline Toolkit. Mashi blog, your official source for information,insight, tutorials and updates.

Javascript Timeline Toolkit

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. We all know and love jQuery for its flexibility and many uses.

10 Useful jQuery Plugins for Images

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. Tooltipsy - jQuery tooltip plugin for control-obsessed designers. Jquery - Get query string values in JavaScript. 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.

Converting jQuery Code to 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.

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.

The Sexy Curls jQuery Plugin by Elliott Kember

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. 18 jQuery scripts and tutorials to improve your portfolio. 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! 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.

Create callback functions for your jQuery plugins & extensions

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. By Roberto Bicchierai About the component This component is a light-weight calendar/date-picker.

turn bugs into opportunities

It is described on detail here on my blog. zLayer jQuery Plugin - Orientate Elements. 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.

zLayer jQuery Plugin - Orientate Elements

Best part about zLayer is how easy, lightweight, and quick the plugin is! zLayer Example – Art By: Brandon Zomora Click here for a larger version of this example zLayer Example. 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).

an inline lightbox alternative

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 ;-) TipTip jQuery Plugin. Ctrl + Key Combination – Simple Jquery Plugin. 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. 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.

30 Trendy AJAX, jQuery And Image Galleries You May Like

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 - jQuery image viewer plugin. 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.