One of the grievances with web developers and designers has been the layers of intricacy associated with animating in CSS. Some go on to believe that the CSS animations are not as effective as they would like them to be. JavaScript meanwhile happens to be the go to platform for most folks aiming for creating powerful animations without a sweat-soaked exercise.

We all know that javascript is an amazing playground using which many cool things can be developed. Each and everyday new things(libraries , scripts ,plugins) are being developed which makes the continuous improvement in the web experience and performance. In this article, I’m going to introduce you to one of the same amazing javascript library famous as “Shine.js – A Library for pretty shadows”.

You have seen the example in Gmail and many other web applications where they allow users to select all checkbox items by simply clicking on “Select All” checkbox. I have also created a tutorial in jQuery which you can find here. Today let’s create the same using AngularJS.

Canvas is a great feature in HTML5 that allows us to draw graphics on web browsers using JavaScript. For instance, it can be used to manipulate photos, draw and animate shapes, play videos or renders hardware-accelerated 3D graphics with WebGL support! Sky’s the limit. But it has also been used to make really awesome digital arts by pros… In past few months I have encountered many great examples of HTMl5 canvas, and today I am going to list some of them here for you to enjoy.