This one is a small JavaScript UI library, that utilizes HTML5 Canvas element for drawing and animating circular preloaders.It can work in any ‘good’ browser that has support for HTML5 Canvas element. It has a UI to customize preloader.
Best jQuery HTML5 Plugins & Tutorials with Demo
ImageMapster a jQuery plugin makes HTML image maps useful
ImageMapster is a jQuery plugin that brings HTML image maps to life. With this tool, any image map can be highlighted, selected, and manipulated in all kinds of ways. ImageMapster is 100% Javascript and it works on every major browser, without Flash or any other dependencies (except jQuery), including Internet Explorer 6. Some advanced effects require HTML5 support, but will still fall back to work in older browsers.
jQuery Widgets unique library for jQuery UI Development
jQWidgets gives us something new and special. It’s a new and unique library for jQuery UI development and unlike others it makes our Apps and Websites look beautiful on desktops, touch devices and mobile phones. jQWidgets is the ultimate UI toolkit for the next generation of cloud apps development and it is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery.
HTML5 & CSS3 Powered Slideshows – Slider.js
Slider.js is a slideshow engine built with jQuery and uses CSS3 and/or HTML canvas for the transitions.Items can have a text-caption with links and users can browse it with a pagination or using the prev-next links.Slider’s design can be completely changed as there is support for theming and interactions can be customized using the well-documented API.
The data source is JSON and, besides the 13 available CSS transitions, there 10 built-in and good-looking canvas functions.
jquery.videoBG – Make an HTML5 video a background
videoBG is a jQuery plugin that allows you to very easily use an HTML5 video as a background to a website or any div. For browsers that don’t support the HTML5 video tag, it will simplu use an image.
Bear in mind bandwidth usage for both you, and your visitors. Also don’t use it too often, too many video instances will slow down the browser.
Create An Animated Bar Graph With HTML, CSS And jQuery
Graphs of financial projections, quarterly sales figures and market saturation are a middle-manager’s dream.How can we as Web designers get in on all of this hot graph action? There are actually quite a few ways to display graphs on the Web. We could simply create an image and nail it to a Web page. But that’s not very accessible or interesting. We could use Flash, which is quite good for displaying graphs — but again, not very accessible. Besides, designers, developers and deities are falling out of love with Flash. Technologies such as HTML5 can do many of the same things without the need for a plug-in. The new HTML5 <canvas> element could even be adapted to the task. Plenty of charting tools are online that we might use.
