Skip to main content

10 jQuery Browser Tweakers

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Tweaking a browser is not a different task for jQuery. In fact, jQuery has tons of plugins that can really tweak your browser. There are several kinds of browser tweaks though but we’re going to focus on jQuery browser tweaks since jQuery is our main topic here. So once again, I’ve come across to different websites and found these useful jQuery browser tweaks just for you.

Here they are:

1. jQuery Accessible

A collection of snippets that will improve accessibility for websites. It includes a set of “recommendations” coded as tests to improve it even beyond javascript then these recommendations can be tried against a page and get a summary of results.
Source:
http://flesler.blogspot.com/2007/12/jqueryaccessible.html

2. contentEditable

This property will allow you to make parts of a document editable. Supports Firefox 3, IE6/7/8, Safari, Chrome and Opera.
Source:
http://valums.com/edit-in-place/

3. Ajax Upload

With the use of XHR, this plugin can upload multiple files with a nice progress bar on Firefox 3, Safari 4, Chrome.
Source:
http://valums.com/ajax-upload/

4. Bad Browser

This will display a notice for users that uses Internet Explorer browser. You have to provide the HTML that will be displayed.
Source:
http://code.webs.ly/jquery-badbrowser/

5. Align Object to Bottom

This will align an Object to Bottom with the use of interval. It’s compatible for iPhone users.
Source:
http://www.edwardhotchkiss.com/

6. BlackNWhite

Internet Explorer users will see your website with a grayscale color. This will probably help your IE visitors to move on using their old browser.
Source:
http://maxb.net/blog/2008/06/17/blacknwhite/

7. Canvasswap

This jQuery plugin will do image swap on hover. Canvasswap can not only do amazing image swap on hover, but it also supports transparent PNG on Internet Explorer 6.
Source:
http://www.trevorsheridan.com/canvasswap/

8. CheckBoxMod 2

This will enhance the actual checkbox in pages. It will depend on OS and Theme. Actually, users has different checkbox look and feel. Windows XP has a good looking checbox but if compared to Windows 7 it’s even more beautiful.
Source:
http://nordz.sauleil.com/jquery-plugins/

9. Chrome Frame Custom Install

Allows a very simple application of the Chrome frame plugin into your webpage, this will auto identify the browser and version you specify and prompt the user with a plug-in install bar at the top.
Source:
http://fluidbyte.net/index.php?view=google-chrome-frame-jquery-plugin

10. Clipboard

This simple jQuery plugin will allow you to copy text in cross browser fashion.
Source:
http://bradleysepos.com/projects/jquery/clipboard/

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn how Git works, and how to use it to streamline your workflow!


Google, Netflix and ILM are Python users. Maybe you should too?