webtoolkit4.me

webtoolkit4.me

Resources for Web Workers

jQuery Image Magnify

jquery_magnify

“jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user’s screen until dismissed. It works on both images with and without explicit width/height attributes defined. This means you can take a large image that by default would look out of place when shown, shrink it using explicit width/height attributes, then enable users to magnify it on demand to its original dimensions when the image is clicked on using this script.”

Advanced jQuery: Turning a good app into a great app

advanced_jquery

When Javascript frameworks like jQuery or MooTools came into play, people who never thought they’d be writing a single line of javascript, they find themselves writing excellent scripts like effects, validation scripts or even simple plugins and share with others. The thing is that while these frameworks provide an easy and clean approach to solving common problems without having to reinvent the wheel, after a while performance issues arise.

In this article, Michael Abernethy provides a good starting point for developers who are now familiar with the jQuery framework but they need to improve their knowledge on performance issues.

mpAjax : multi-part Ajax responses

mpajax

“This plugin extends (but is still backward compatible with) the core $.ajax functionality to allow automatic parsing of responses for a special syntax of “multi-part responses”. If a response matches this format, the response will be split out and treated as multiple responses, each being called to the proper “success” handler. If the response doesn’t “look” like multi-part, then it falls through and behaves exactly as normal.”

You ‘ll find this plugin useful if:

  • You need to return a block of HTML (without encoding/escaping it into JSON), and a separate JSON packet with data.
  • You need to return an HTML template and some JSON data separately, without any obfuscation/encoding/escaping of either.
  • You need to return some HTML, some JSON, and also some CSS, and handle all three types of data separately.
  • You need to return two or more different blocks of HTML, and need to handle each separately.