chrispederick.com

Nifty Corners

• General
• 2 Comments
• 3 years ago on April 5, 2005

Adding rounded corners to a site is a nice way to break up the blocky designs that are so prevalent on the web, but between the hassle of creating multiple images and the typically awkward CSS it is often more trouble than it is worth. Then Alessandro Fulciniti released Nifty Corners - a packaged JavaScript solution that does not require images or extra markup or CSS - and the technique became a whole lot easier.

Today Alessandro released More Nifty Corners which provides a number of improvements including extended browser support and the addition of anti-aliasing and borders. I am using this new version of Nifty Corners in a number of areas on this site including the blog and extension documentation.

The only issue I would like to see fixed is that there cannot be any CSS border styles on the elements that you wish to apply bordered rounded corners to. This means that in these cases the technique does not degrade as gracefully with JavaScript disabled as it could.

2 Comments

Yep

3 years ago

April 6, 2005

Great idea !
It comes in time for my new project :)

but do you know if it can decrease the speed of page loading on some PC configurations ?

Chris Pederick

3 years ago

April 6, 2005

The browser will have to download the Nifty Corners CSS and JavaScript, but this is probably counter balanced by the removal of the images and CSS for alternative techniques.

I set my JavaScript to run after the page has loaded here so it should’nt affect the speed too much, but there is a slight jump from non-rounded to rounded corners once the page has finished loading.

Comments are closed