Tags: html5

It`s already known by designers and developers that backgrounds are one of the most important aspects in the overall design and feel of a web page. Recently people have been turning to animation to add more visual interest to their website background. These animated backgrounds are great when used as a site introduction, functional hover navigation elements, and other creative ways to attract interest and draw users in. So if you are in desperate need of some inspiration for a site background, today we`d like to share 25 Awesome Web Background Animation Effects using Canvas and SVG for your inspiration. …

Many people love decorating for Christmas. They enjoy decorating their homes and their offices. But your workspace doesn’t have to be limited to physical spaces. Reflect that special Christmas mood by adding a Christmas animation to your website. There’s still a lot of time to make an awesome Christmas themed digital thingy before ol’ red does his rounds. To help get your festive season juices all juicy, here are 25 Christmas animation effects created with HTML5, CSS, Javascript and SVG.…

Range slider is a very intuitive user interface with one or two handles to allows user to choose a value within a limited range. The user drags a handle along one dimension to set a value. A typical slider usually can be found in color picker where we can drag the arrow left and right to pick the right RGB value. So here are 25 examples of CSS range sliders that will engage the user in an interactive and easy way of selecting a range of values.…

Handling Website’s Audio and Video in web browser without native player and flash is big problem in several years ago. HTML5 is a revolutionary language that has totally changed how things were done before, and in this post i am going to share 15 jQuery HTML5 Sound & Audio Player Plugins.…

Ever had a client ask you why they can’t click on a Photoshop mockup? Using these CSS mockups you can demonstrate hover effects, transitions and animations to your client. So here are some mockups made using CSS3 And HTML5. …

WebGL is an amazing piece of technology that enables browsers to natively render hardware accelerated 3d creations. It is supported in all major browsers including Internet Explorer from version 11, and it works on various mobile platforms including iOS from version 8. So here are 20 stunning WebGL examples from around the web to showcase what your browser can really do.…