CSS3 Generator - A Great Way to Quickly Get CSS3 Code

If you are, like me, experimenting more with Cascading Style Sheets version 3 (a.k.a. "CSS3"), you may find this site very helpful - CSS3 Generator:

CSS3 Generator

From the drop-down menu you choose one of the CSS3 elements for which you would like the code. Enter in some values ... see the preview change... and watch the CSS3 code be created:

CSS3Generatorboxshadow.jpg

Now, I found a few quirks with the site. In Google Chrome the preview didn't always work while in Firefox it did. The Shadow Color field on this particular "Box Shadow" element also never actually put the color into the code (It would be the final value for each of the "box-shadow" lines.)

Regardless of those quirks, it's a neat tool to help you see how you can use CSS3 to introduce new design elements for browsers that support CSS3. Check it out!


If you found this post interesting or useful, please consider either subscribing to the RSS feed or following me on Twitter or subscribing to my email newsletter.

For all you love fonts, check out what's coming in Firefox 4...

Wood Type

Flickr credit: lwr

If you, like me, enjoy good use of typography, check out the support for control of OpenType font features via CSS coming in Firefox 4:
http://hacks.mozilla.org/2010/11/firefox-4-font-feature-support/

These are some of the minor nuances in typography... but they can add up to make a site or document just look that much better! I'm looking forward to trying them out once FF4 becomes available..


If you found this post interesting or useful, please consider either:



Nettuts+ Video Tutorial: Getting Clever with CSS3 Shadows

Lately I've been doing a great amount of experimentation and testing with CSS - and seeking to understand more of the goodness that comes with CSS3 as more and more browsers support both HTML5 and CSS3. In that experimentation, I came across this great video from Nettuts+ about how to create shadows with CSS3. I thought it was quite cool and recommend it for anyone else playing around with CSS3:

Now... if only all the browsers out there would fully support CSS3!


If you found this post interesting or useful, please consider either subscribing to the RSS feed or following me on Twitter or subscribing to my email newsletter.