Spiffy Corners - Making anti-aliased rounded corners with CSS
Popularity Report
 |
|||
|
|||
|
|||
|
|||
|
|||
|
Rank
URL Tag Cloud
Groups (1)
-
CSS Evangelist
221 members,394 bookmarks
a collection of resources of all things CSS- Include how-tos, articles, resources, tools, etc...
Bookmark History
Saved by 116 people (26 private), first by anonymouse user on 2006-03-27
- Ayoomah on 2008-08-26 - Tags round-corners , css , tools
- Dmaniega on 2008-08-05 - Tags ABCdatos , viuagelida.com
- Andymatic on 2008-07-31 - Tags imported , stumbleupon , computers , css , webdesign , corners , design , web , html , rounded
- Spidertiger on 2008-07-05 - Tags css , webdesign , design , corners , web , html , corner , tools , 圆角矩形
- Marido on 2008-05-09 - Tags ref:css , what:guide
Public Sticky notes
Highlighted by rikaizm
What?
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.
Highlighted by missiontobe
Public Comment
on 2006-03-27 by ycc2106
on 2006-03-27 by ycc2106
on 2006-05-18 by pixelator
on 2006-07-25 by bgtasoft
on 2006-07-26 by mellonstock
on 2006-09-05 by chusrp
on 2006-09-05 by netrunner
on 2006-09-06 by garraxxi
on 2006-09-10 by cryfreeman
on 2006-10-24 by kgl0903