Wednesday, December 2, 2009

Quick, free and easy methods for rounded corners

1. The simplest method without much browser compatible issues is from Adam Kalsey. This uses images and the logic uses a container div element with a top div and a bottom div which has content in between. Browser incompatibilities are avoided by manipulating CSS.

Reference article: http://kalsey.com/2003/07/rounded_corners_in_css/

2. If you're looking for a simple JavaScript attachment and a much simpler function call to make the elements rounded, here it is. This is derived from multiple implementations and asks for possible credits. The quickest one to implement.

Reference article:
http://www.editsite.net/blog/rounded_corners.html

3. The ThrashBox, a nice-looking implementation with gradient effects.

Reference article:
http://www.vertexwerks.com/tests/sidebox/

4. Nifty Corners cube is another quickly implementable solution which does not use any images in the logic.; available under the GNU GPL license.

Reference articles:
http://www.html.it/articoli/nifty/index.html
http://www.html.it/articoli/niftycube/index.html



No comments:

Post a Comment