Pages

Tuesday, July 19, 2011

Web Authoring Tool--rounded corners

The web authoring tool I will present in class is CssRound. CSS stands for Cascading Style Sheets, defined by Wikipedia as a "style sheet language used to describe the presentational semantics (the look and the formatting) of a document." Here's a link to read more...

It seems to me that Cascading Style Sheets would apply to all kinds of appearance-related things, but css3 is specifically a rounded corner generator. The rounded corners can be conspicuous, as on the "Posting" and "Settings" buttons above (as you're composing a blog entry for this course), not as you read this) or more subtle, as in the "PUBLISH POST" or "SAVE NOW" buttons (also out of view at the moment). In fact, when I did a quick survey of random web sites, I noticed that most boxes have subtly rounded corners--a true 90 degree angle is less common.

CssRound allows you to select the exact degree of roundedness, which doesn't have to be the same for each corner, as well as the border width, the size of the shadow and the opacity. You also control the color of the box, the border and the shadow. You can set either of the latter two features to zero if you don't want a border or shadow.

Once you've made your settings, you copy the html code to your destination.

Just modify width and height values to get what you need...

No comments:

Post a Comment