Skip to main content

7 jQuery Plugins to Beautify Browser Issues

By Sam Deering

JavaScript

Share:

😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

Make your web designs more attractive on different internet browsers using these jQuery plugins.

1. CROSS BROWSER TEXT-SHADOW

This is a very neat CSS3 Text-shadow that allows you to display shadow behind your text in a nice way.
jQuery-Text-Shadow.jpg
Source


2. PAGE PEEL

Have your web page a page peel effect.
jQuery-Page-Peel.jpg
Source


3. LAZY LOADER

This is a plugin that delays loading of images in (long) web pages.
jQuery-Lazy-Loader.jpg
Source


4. BGIFRAME

Deal with IE z-index issues with this plugin.
jQuery-BgiFrame.jpg
Source


5. CLICK TARGET SIZE INCREASE

Pimp your boring ‘Read More’ links by turning entire content block into a clickable target.
jQuery-Click-Target-Size-Increase.jpg
Source


6. DD_ROUNDIES

Round your div’s corner using this jQuery plugin.
jQuery-DD-Roundies.jpg
Source


7. IMAGE PRELOADER

This is a small code snippet you can use for preloading images on mouseovers.
jQuery-Image-Preloader.jpg
Source

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!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *


🤓 Ok. When did a code editor from Microsoft become kinda cool!?