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 font-size. The button size can be easily adjusted by changing the padding and font-size values. The best part about this method is it can be applied to any HTML element such as div, span, p, a, button, input, etc.

Being a specific form of art, typography has always been coherent with the general progress of art and cultural growth of humanity. This is why the history of western typography reflects the development of art in Europe to a considerable degree. The epoch of Roman Empire, Renaissance, Baroque, and the art of Industrialization period – we can track the traces of each stage of art development in the design of particular typefaces, born during a respective period of time. In fact, the whole history of western typography has always been about the development of new trends, and the revival of ancient techniques of writing and lettering designs.

The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check out my updated dropdown menu (demo) using CSS gradient.

Website design, development and copywriting can be done faster, more accurately and creatively with the help of Lean manufacturing techniques, which help companies around the globe accomplish industry-leading results. Lean is a production practice that helps identify resource use that’s not directly tied to creating value for customers, so it can be eliminated. In essence, Lean preserves value with less work. Some common objectives Lean aims to achieve:

Adobe is hosting a CS5 launch event on Monday (Apr 12) at 11am EST/8am PST. Personally, I’m very excited for this event. If you haven’t signed up yet, hurry! Adobe’s team will be sharing a first look at the top five killer features of CS5 for design, web, video, and photography. I have five CS5 tshirts (from Adobe) to giveaway. To join the contest, simply post a comment in this post about your favorite new feature demonstrated in the launch event. Note: this contest is for Canadian participants only (sorry for the international readers).

Update: the winners are 36, 49, 69, 77 and 93.

This year I have one FITC Toronto 2010 ticket to giveaway. For those who don’t know about FITC, it is a 3-day design conference which takes place in Toronto between April 25-27, 2010. There will be over a thousand attendees and 70 presenters from around the world. As usual, enter a comment in this post before Apr 16, 2010 for your chance to win a free ticket. For more details about the event, please visit the FITC website. Good luck!

If you would like to purchase the tickets, enter coupon code "wdw" to get a 10% discount.