Knowledge of CSS3 is fast becoming a crucial element of any web designer/developer's skillset, which means that it's an excellent time to start learning, if you haven't already! A solid knowledge of CSS3 has a large market value and will take you a long way towards success, giving you an image of competence and authority.
Thankfully, there's a huge amount of terrific tutorials and resources available - if you can find them. Here you'll find an amazing 'ultimate' toolbox of over 350 of the best tuts and tips out there. Get ready to be amazed!
- 30 Essential CSS Resources
- CSS3 Exciting Functions and Features: 30+ Useful Tutorials
- CSS3 Examples and Best Practices
- 47 Amazing CSS Transitions Demos
- 70 Must-Have CSS3 and HTML5 Tutorials and Resources
- 25 Essential Tutorials and Resources for Learning CSS3
- 10 Best Tutorials to Learn CSS3
- 33 Must Read CSS Tips, Tricks, Tutorial Sites and Articles
- 20 Very Useful CSS3 Tutorials
- CSS3 Unleashed - Tips, Tricks & Techniques
- 10 Brilliant CSS3 and jQuery Examples
- 10 Ways to Make Internet Explorer Act Like a Modern Browser
- Six Revisions CSS3
- 50+ Stunning CSS3 Articles, Cheat Sheets and Tutorial Collections
- Wrapping Up
This neat collection was posted on the Carsonified blog back in July - but if you are just digging into CSS3 it's still a great collection of resources to get started with.
Noupe is one of my favorite blogs, and this collection of tutorials certainly measures up to the quality of the rest of the blog. Another great starting point for beginners.
This is a brand new post on Web Designer Wall, and has been getting a lot of well-deserved attention. Nick La has done a great job of rounding up some very beautiful, well-implemented examples of CSS3 in action.
Another post on Web Designer Wall, this one is a collection of 47 demonstrations of the power of CSS3 transitions/transforming. You won't believe some of these until you see them! A very fun post - I highly recommend you check it out.
Although not dedicated exclusively to CSS3, WebAppers CSS3/HTML5 post is another one you shouldn't miss (and if you're learning CSS3, why not jump into HTML5 too?).
CSS Reflex's post is quite fresh, and goes along with Noupe's and Carsonified's as being a good place for beginners to start.
You can tell Aext went for quality rather than quantity with this post, so be sure to at least check this one out if you don't have time to look at all of these.
In this post, 1stWebdesigner did great job producing a very well rounded set of 33 CSS3 resources. It's one of the larger collections I found, so if you're looking for a lot of wide ranging CSS3 material this is a good place to stop!
Although this post isn't stunning, it's one of the oldest on this list - published way back at the beginning of 2008! SpeckyBoy was a long way ahead of the curve with this one, so it's neat to see how they were leading the wave, so to speak, even before CSS3 was so popular.
CSS3 Unleashed - what a cool name! Published in June of '09, it is another of my favorites - very thorough and complete. If you think you might have some holes in your CSS3 knowledge but aren't sure, I'd suggest going here.
Queness' post is a good, basic read about some of the great synergistic things you can do by putting jQuery and CSS3 together. When you get those two guys working together, there's no limit to what you can do!
One of the most painful things about CSS3 is the fact that is is not supported by Internet Explore (which still has a ridiculously large market share). This post by Jean-Baptiste Jung is a very excellent resource for fixing that by making IE behave a bit better.
Six Revisions is a great source for up-to-date web development/design information, so it's no surprise that they've have produced 2 great posts: 20 Useful Resources for Learning About CSS3 and CSS3 Techniques You Should Know.
This collection by Tripwire Magazine is the largest pure CSS3 collection on this list - which is why I've saved it for last. Go check it out and have some fun!
Don't hesitate to experiment with this stuff - try out the tutorials and then come up with some neat ideas of your own! There is still a lot to be discovered and invented, and as I've said before, creating unique ideas and sharing them with the community is probably the quickest road to notoriety as a web designer.
Enjoy, and if I missed something or you have a thought to share the comments are always open!