Sprite Cow is an online tool that helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css…
Direct link: Sprite Cow – Generate CSS for sprite sheets
Mastering CSS Reflections in Webkit
Learn how to master the new CSS3 Webkit box-reflect property together with gradients to show image reflctions in Webkit browsers…
Direct link: Mastering CSS Reflections in Webkit
Useful :nth-child Recipes
I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type read about the difference. The better you understand them, the more css nerdgasms you get to have!In these simple "recipes" really: expressions I’ll arbitrarily use a flat list of list items and randomly chosen numbers. But it should be fairly obvious how to alter them to get similar selections…
Direct link: Useful :nth-child Recipes
CSS Lint
An online CSS checker that highlights any errors and warnings. It also gives feedback on your coding methods…
Direct link: CSS Lint
12 Fun CSS Text Shadows You Can Copy and Paste
Looking for a quick and easy way to add text shadows to your design? Here’s an article with a few useful CSS3 text-shadow code samples that you can cut and paste then use in your own work…
Direct link: 12 Fun CSS Text Shadows You Can Copy and Paste
Button Maker
An Introduction To CSS3 Keyframe Animations
Using CSS3 keyframe animations, developers can create smooth, maintainable animations that perform relatively well and that don’t require reams of scripting. It’s just another way that CSS3 is helping to solve a real-world problem in an elegant manner. If you haven’t yet started learning the syntax for CSS3 animations, here’s your chance to prepare for when this part of the CSS3 spec moves past the working draft stage…
Direct link: An Introduction To CSS3 Keyframe Animations
Styling ordered list numbers
Ordered lists can be difficult to style. Changing the font, size, color, background etc. of numbers is tricky. The key is using CSS generated content to create and insert the counter numbers after removing the default numbering from the list…
Direct link: Styling ordered list numbers
Img to Css – Convert an image to CSS
An online tool that converts your uploaded image to HTML and inline CSS that you can include in emails etc…
Direct link: Img to Css – Convert an image to CSS
Layer Styles – Generate CSS3 with a Photoshop Like Interface
A unique tool that allows you to generate CSS3 using an interface that looks almost exactly like the layer styles dialog box in Photoshop…
Direct link: Layer Styles – Generate CSS3 with a Photoshop Like Interface