RSS2.0

Graphic Design For The Web Made Easy - CSS round corners html Script

Saturday, June 23, 2007


What is it?
Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript.
Why?
I needed a way to create anti-aliased round corners without the extra server calls that are incurred when using external JavaScript files or images. When your websites are serving millions of files a day you start to pay attention to how many files a particular page needs in order to load.
There are solutions for rounded corners using pure CSS. There are solutions that create anti-aliased corners. There are solutions that don't require JavaScript. But to my knowledge, there has yet to be a pure CSS solution for rounded corners that does not require images or JavaScript. After looking, I decided to just create one myself. I'm not much of a programmer, but it was actually a lot of fun figuring out the math involved and learning arrays. In the end I ended up with 3 functions in under 20 lines of code total, so I'm quite happy with myself.



Taken From http://www.spiffycorners.com/
Go Make Your Round Corners





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This
Feedback Form