CSSBEAUTY™

CSS background image hacks. Emulating background image crop, background image opacity, background transforms, and improved background positioning.

@font-face tip Define font-weight and font-style to keep your CSS simple.

How to Control Your CSS3 Animations. A nice overview of the -webkit-animation-fill-mode property.

An Introduction to CSS 3-D Transforms. An in-depth look at CSS 3-D transforms and the new opportunities they offer to web designers.

Webfonts.info. A nice resource dedicated to webfonts & @font-face embedding. Handy.

CSS3 Multi-column Layouts. A ncie guide that teaches you how to implement CSS3 Multi-Column layouts.

Lost World's Fairs. An exploration of typographic possibilities on the web.

Selectivizr. CSS3 pseudo-class and attribute selectors for IE 6 thru 8.

Box Sizing. A nice trick to force <textarea> to have padding and border that cut into it’s 100% width instead of expanding it.

HTML5/CSS3 Cheatsheet. Cut-and-paste examples of HTML5/CSS3 features that are currently usable across a number of web browsers.

HTML5 ★ Boilerplate. A rock-solid default HTML/CSS/JS template for a fast, robust and future-proof site.

CSS3 Playground. A web application that allows you to experiment and learn about new css3 capabilities.

HTML5 Reset. HTML5+ CSS3 dev startup packs. Pretty handy!

Understanding border-image. Learn how the border-image shorthand property works in today’s browsers.

CSS3 Pie. Makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

Taking Advantage of HTML5 and CSS3 with Modernizr. Learn how to take advantage of everything in HTML5 and CSS3 that is implemented in some browsers, without sacrificing control over the user experience in other browsers.

eCSStender. A JavaScript library that lets you use CSS3 properties and selectors while keeping your code fork- and hack-free. Check ALA's article as well.

CSS Three — Connecting The Dots. It’s time to get your hands dirty with some of the new CSS3 properties, time to innovate.

HTML5 Watch. A nice collection of creative, innovative, and unexpected use of emerging web technologies such as HTML5 and CSS3.

Our Solar System in CSS3. An attempt to recre ate our solar sys tem using CSS3 fea tures such as border-radius, trans forms and anim a tions.

HTML5 & CSS3 Readiness. A nice visualization that shows you how HTML5 and CSS3 support has evolved since 2008.

Which email clients support CSS3?. A nice chart that displays CSS3 support on the 7 most popular email clients.

CSS3 Transitions – Are We There Yet?. A nice overview of what CSS3 Transitions are and how to implement them.

cssSandpaper. A JavaScript library that looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties.

The CSS 3 Flexible Box Model. Explains what the flexible box model is and how to use it.

Cross-Browser CSS Gradient. Pure CSS gradients that work in these major browsers: IE, Firefox 3.6+, Safari, and Chrome.

IE-CSS3. Provides Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard.

CSS3 Transforms & @font-face Experiment. Shows you what can be done with web type using basic CSS and new CSS3 techniques.

Drop Shadow With CSS For All Web Browsers. Explains the use of the drop shadows using CSS and how to get it working in IE.

Cross Browser CSS Transforms. A JS library that implements transform (and some other CSS3 properties) as consistently as possible in all browsers.

CSS3, Please! The Cross-Browser CSS3 Rule Generator. Very handy.

Understanding CSS3 and CSS2.1 Border Properties. Learn how to create beautiful, well-styled borders for modern browsers while still supporting old browsers.

Implementing @font-face. A nice guide that teaches you what @font-face is and how to use it.

Font-Face Browser Support & Tutorial. A good recap on the current state of browser support for @font-face and how to use it.

Firefox 3.6 Released. New features include support for the latest HTML5 specs, Web Open Font Format (WOFF) and CSS gradients. Go get it now!

What You Need To Know About Behavioral CSS. Learn about CSS3 transformations, transitions, and animations.

Cleaner Code with CSS3 Selectors. Learn how CSS3 selectors can be used to get some of the junk out of our front and back-end code.

Shadows and CSS3. Learn how to use text and box-shadow, along with RGBA to create shadow colors.

CSS Animations. Learn how to make a basic spinner using CSS masks, transforms and animations.

Going Nuts with CSS Transitions. Learn how CSS 3 transforms and WebKit transitions can add zing to the way you present images on your site.

Have a Field Day with HTML5 Forms. Learn how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques.

Bulletproof @font-face syntax. Paul Irish teaches us the right way to use @font-face.

How to Support Internet Explorer and Still Be Cutting Edge. Create websites using the latest coding techniques and provide a good experience to IE users at the same time.

Working With RGBA Colour. Learn how to specify the opacity of a color utilizing RGBA in CSS3.

The Multi-Column Layout Module. Learn more about these new CSS3 properties that allow for content to flow into flexibly-defined columns.

CSS Transforms Creation Tool. Westciv's new tool for playing/experimenting with CSS3's transform property.

Browser support for CSS3 and HTML5. A nice recap of the current state of support for CSS3 and HTML5 features in the current browser market.

Becoming a Font Embedding Master. A well written explanation on how to implement @font-face on your webpages.

@font-face in Depth. Want to embed fonts in your webpages? Here's a thorough explanation of how font-face works.

Text Rotation with CSS. Learn how to rotate HTML elements by taking advantage of the proposed transform property.

Nice Buttons with CSS3 and RGBA. Learn how to create nice looking scalable buttons by taking advantage of RGBA in CSS3.

Pure CSS text gradient (no PNGs). A technique that allows you to create a text gradient by using only CSS.

Apple’s Navigation bar using only CSS. Learn some of the new capabilities in CSS 3 by recreating the apple.com navigation bar using only CSS and HTML.

Browser Compatibility Tables. Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.

JavaScript Will Save Us All. Eric talks about using JavaScript to implement CSS3 selector support in all browsers. Pretty interesting.

Understanding CSS Colour modes. A good article that walks you through all the different options available to define our colours.

Browser support for CSS3 properties. CSS3 properties tests for webkit based browsers, including the iPhone.

CSS2.2. Andy Budd discusses the current state of CSS3 and offers an interim solution.

CSS 3 selectors explained. Taking a look at various powerful selectors waiting to be implemented and used in CSS 3.

Introducing the CSS3 Multi-Column Module. + CSS Swag: Multi-Column Lists. Two great articles by the guys over at ALA.

CSS3 Multiple Backgrounds. It seems Safari 1.3 and 2.0 support multiple backgrounds as specified in CSS3. Time to experiment!