Rounded Corners on ALL Browsers
Web designers out there! Have you ever wanted to have rounded corners on the web pages you design but without the use of ugly GIFs or IE-troublesome PNGs? I’ve got good news for you and it’s called jQuery Corners. Have a look at the screenshot below:
This nifty little jQuery plugin will allow you to have anti-aliased rounded corners on your design without the hassle of creating images or worrying about browser compatibility. Note that it’s just a jQuery plugin which means that you’ll also need the jQuery library which you can get for free.
How does jQuery Corners do it?
Well, first it checks if the browser supports rounded corners and if so uses the browser’s built-in rounded corners support. If the browser however doesn’t support rounded corners, then jQuery Corners uses its own algorithm to emulate rounded corners. I took a look at the algorithm’s generated code and it looks like it’s using DIVs with varying width and colors to do to the trick. Simple and elegant but most of all it works.
Give it a try for yourself – jQuery Corners
I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me to start my own BlogEngine blog now. Really the blogging is spreading its wings rapidly. Your write up is a fine example of it.