IDCC 380: Web Design II Spring 2010

The Web 2.0 Look: Rounded Corners & Gradient Fills, 04/23/08

Check this out:

I promised I would recommend two tools that would give you the Web 2.0 look as you design your sites: rounded corners and gradient fills.

For rounded corners, go to sitepoint and give Spanky Corners 1.1 beta a try. As the developers note: "'Spanky Corners' is an experimental technique for using only CSS to produce 'round-cornered content boxes' with semantically pure markup. It does not require JavaScript to work." After creating your corners, be sure to download the zip file, unzip the file, and save the contents in your 380 site.

A really neat and painless way to make various kinds of gradient fills is to use grsites.com's gradient texture maker: http://www.grsites.com/generate/group/4000/ Once you produce a gradient, you can then define CSS to use the gradient fill as an element background: in pages, sections of pages, buttons, and the like.

Happy designing!

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: gradient fill, gradients, grsites, Site Point, sitepoint, spanky corners, Web 2.0, web design

WJB posted on Wednesday, April 23, 2008 (permalink)

  top of page

---