CSS3 – Patterns Gallery, Font Bird and Cross-browser CSS3 Rule Generator

Here is a quick CSS3 resources roundup for this week.

CSS3 - Patterns Gallery, Font Bird and Cross-browser CSS3 Rule Generator
CSS3 - Patterns Gallery, Font Bird and Cross-browser CSS3 Rule Generator

CSS3 Rule Generator

CSS3 Rule Generator is really cool tiny tool which is required for every web developer who wants to do a browser compatible layout quickly. One can edit the properties right in this site and copy paste the snippet – its that simple.

CSS3 Patterns Gallery

The title itself sounds cool, CSS3 is totally avoiding the usage of background image patters – you might think CSS3 patterns will be in huge size, no – its pretty light weight and are in bytes only and also supports Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. If you have created any CSS3 patterns, you can even contribute to this site – check out this site and click on any pattern available and grab your CSS3 code – its that simple 🙂

Css3 Font Bird – Poke the bird?

A typographic bird, built with fonts, posts and tweets about CSS3 and fonts. Made with love by Martin Gauer from the 9elements laboratories, made with love and: haml, sass, codekit, css3generator, soundManager2, subtlepatterns, googlewebfonts