Create Beautiful CSS3 Typography

It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a […]
  • Posted by admin
  • On May 14, 2010
  • 0 Comment
    • Read More

Box-Shadow back on the Menu (and other updates)

A recent editors draft of the CSS3 Background and Borders module (published on 5th may) indicates that the box-shadow property could be set to make a reappearance before the specification is released as a Proposed Recommendation. The specification also features several other updates including the addition of a ‘content-box’ value to the background-clip property, changes […]
  • Posted by admin
  • On May 14, 2010
  • 0 Comment
    • Read More

Sexy Interactions with CSS Transitions

While Webkit-based browsers have had CSS Transitions since Safari 3.1.2, other browsers are only just now coming out with nightly builds supporting this exciting new part of the CSS3 specification. With all browsers except for IE being slated to have Transitions support in the coming months, more and more web designers are turning to this […]
  • Posted by admin
  • On May 14, 2010
  • 0 Comment
    • Read More

CSS3 Gradient Buttons

Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the […]
  • Posted by admin
  • On May 5, 2010
  • 0 Comment
    • Read More

Using CSS Text-Shadow to Create Embossed Text

The text-shadow property creates a shadow underneath text, which is obvious from the name! It’s similar in syntax and functionality to box-shadow, but it follows the shapes of individual letters, rather than rendering around an element’s bounding box. Here’s an example of the general syntax that defines an x-offset, y-offset, blur-radius, and color: 1 text-shadow:3px […]
  • Posted by admin
  • On May 4, 2010
  • 0 Comment
    • Read More