CSS3 Tutorials to Brighten Up Your Day - Noupe Design Blog. Jan 25 2011 As we all know, a lot of complicated CSS code snippets had to be used back then when you simply wanted to achieve a rounded corner, and even had to use JavaScript for simple animations.
But since the coming out of CSS3, life has become a lot easier. In this post we provide you with a great collection you can always turn back to; whether you’re a pro and haven’t seen that particular tutorial yet, or a beginner who has newly discovered their love for CSS3. Either way, please feel free to mention tutorials that were missed out and would like to share with others. Awesome Cufonized Fly-out Menu with jQuery and CSS3 In this tutorial you can learn how to create a full page cufonized menu that has two nice features: HTML5 Grayscale Image Hover. Once upon a time, grayscale image has to be manually converted in order to be displayed on the web.
Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I've put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale (see demo). Credits: thanks to Darcy Clarke (my Themify's partner) for the jQuery and Javascript code. View Demo HTML5 Grayscale The Purpose.