Wednesday, 31 January 2007

Easy rounded corners on web pages (Web 2.0 style)

Recently I had to do a website and I though I would use web2.0 based rounded corners and colors and fonts.

One of the best resources to do rounded corners without images and just using css and javascript is this one I found called NiftyCorners. It is quite cool and easy to use.

Web 2.0 Colors
Well, if you are a photoshop user, then you have to discover this little gem. Miles here has grabbed 70 colors and crammed them into a Photoshop color pallette. Here is his blog and the pallette.

Web 2.0 Fonts
The most common fonts in the Web 2.0 space. Notice the rounded theme at most places.

Web 2.0 Icons and buttons
This is strictly not Web 2.0, but then no-one took the trouble to define what was Web 2.0 anyway. Most of the commentrators and bloggers have made up the standards for Web 2.0. The true inspiration for some of these Icons and buttons come from Apple's Aqua interface from OS X.

If you are a Photoshop user, then here are some links to tutorials on how to create these icons or buttons. Link 1, Link 2 (a badge), Link 3

If you are a GIMP user, see my post about how to do this using GIMP.


References
See a collection of Web 2.0 logos here.

No comments: