CurvyCorners
There is a growing trend with most new websites to use rounded corners for block elements i.e DIVs. I have come across a very powerful Javascript library that does just that, CurvyCorners.
By simple adjustments to your CSS class, you can create neat rounded corners for your DIVs with borders and even image backgrounds. I am currently using this Javascript library in a few websites and it works well across multiple browsers (IE, Firefox, Safari, Chrome).
I did however, find some Javascript conflicts when implementing CurvyCorners on a website that already uses other Javascript libraries. This is common in most CMS websites (such as Joomla), that use a combination of PHP and Javascript libraries. For each component, module or plugin that is called when the page loads, the appropriate libraries are loaded.
The conflict occurs because many JavaScript libraries use $ as a function or variable name. While JQuery uses $ as an alias for JQuery, all functionality is still available without it. To use another Javascript library alongside JQuery, simply call to $.noconflict(). This returns control of $ back to other Javascript libraries.More on JQuery.noconflict() can be found here: http://api.jquery.com/jQuery.noConflict/
There is a growing trend with most new websites to use rounded corners for block elements i.e DIVs. I have come across a very powerful Javascript library that does just that, CurvyCorners.
By simple adjustments to your CSS class, you can create neat rounded corners for your DIVs with borders and even image backgrounds. I am currently using this Javascript library in a few websites and it works well across multiple browsers (IE, Firefox, Safari, Chrome).
I did however, find some Javascript conflicts when implementing CurvyCorners on a website that already uses other Javascript libraries. This is common in most CMS websites (such as Joomla), that use a combination of PHP and Javascript libraries. For each component, module or plugin that is called when the page loads, the appropriate libraries are loaded.
The conflict occurs because many JavaScript libraries use $ as a function or variable name. While JQuery uses $ as an alias for JQuery, all functionality is still available without it. To use another Javascript library alongside JQuery, simply call to $.noconflict(). This returns control of $ back to other Javascript libraries.More on JQuery.noconflict() can be found here: http://api.jquery.com/jQuery.noConflict/
