I find myself using CSS more and more where before I used to be relying on Photoshop or its CS brethren. No more creating gradients in Photoshop or awkward hacks with the float property to create a rounded corner effects.
Assuming this might be interesting to more people than myself, I have compiled a list of tools that I've used for my latest project:
- Layer Styles - very photoshop-like CSS generator (Thanks for the tip @francisrowland)
- WestCiv's CSS3 tools - bunch of stuff including gradients, transformations and shadows
- CSS3 Generator - the works (shadows, stroke, you name it).
- CSS3 Gradient generator - just gradients.
- CSS3.me the only generator that generates Opera and IE code but is limited to border-radius, box-shadow, background-gradient and opacity.
- CSS 3 maker - nice generator that lists browser compatibility (including Blackberry and iOS).
For a comprehensive guide of CSS properties and their Opera prefixes have a look at The Art of Web's CSS section.
I have yet to find good guide to IE9 and CSS3 but if you need to develop something that looks decent in IE9 you can have a look at Microsoft's IE9 Guide for Developers.
No comments:
Post a Comment