7 useful jQuery Browser Tweatks and Fixes
- Jonh
- Apr 17, 2012
- 1 Comment
1. Activity Indicator
A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML.
Features :Lightweight script, No images required, No external CSS, Resolution independent, Alpha transparency, Highly configurable appearance, Works in all major browsers, Uses feature detection, Degrades gracefully, Supported Browsers
The plugin has been successfully tested in the following browsers: Firefox 2.0, Safari 3.2.1, Internet Explorer 6.0, Opera 10.6.
Of course newer versions of the various browsers are also supported.
2. Setting Equal Heights with jQuery
Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we’ve found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element’s minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.
3. Fix Scrollbar Height
This plugin will automatically remove the “left/right” bouncing you have when clicking around a site that has some long and some short pages. It will detect if it’s needed, and if so, insert padding on the right side of the page.
Compatibility: Chrome, IE6, IE7, IE8, Firefox, Safari
4. Cursorat jQuery Plugin
Cursorat is a jQuery plugin that moves cursor or highlights a text range inside a textarea. This is useful if you want to place a cursor at the end of an input field that already have text.
5. Brosho ‘Design in the Browser’ jQuery Plugin
With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.
6.jQuery Constant Footer
The jQuery Constant Footer project is a plugin for the jQuery JavaScript Framework, which glues a footer to the bottom of the browser window. It can also optionally display a scroll of articles from an RSS feed on the same domain.
7. Defer Load jQuery Plugin
This plug-in enriches the effect when you click on a link. Instead of instantly opening in a new window it adds a little loader graphic for the desired amount of seconds and than opens the page in a new window. This allows for the user to notice that he has requested a new page that will open momentarily, it also makes the user feel like the new page has been pre-loaded.
