Rounded Corners

I know there is a far better list at the css-d site (rounded corners) but I wanted to list some of the techniques I had found. So here goes:
Look at the source code
Nifty Corners: rounded corners without images (Uses CSS and JS).
In this article, we’ll show how customised borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using sound and semantically logical mark-up.
“Bullet-Proof” Rounded Corners
Liquid rounded corners
Liquid corners playgarden

In order to make the actual corners you can try this:
To create rounded graphics in Photoshop first make a square or rectangle with the rectangular marquee tool. Before you fill it with a colour go to select>modify>smooth. Type in a number - usually between 4 and 12 is good. This essentially rounds the corners for you. Next, (or first) click on the colour palette square in the tools. Make a color you like. Fill your rounded marquee element with that colour.
CSS Rounded Box Generator (Beta)

And there we go. Onto less boxy and more rounded designs. So why is my site so boxy at the moment?

Comments

Topics: Web |