Best jQuery HTML5 Plugins & Tutorials with Demo

jQuery Widgets unique library for jQuery UI Development

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.

Cuepoint JS a jQuery plugin for HTML5 video subtitle

Cuepoint JS a jQuery plugin for HTML5 video subtitle

Cuepoint.js is an open source plugin for adding up cue-points and subtitles to your HTML5 video.

jQuery Html5 Canvas Preloader

jQuery Html5 Canvas Preloader

Now you can preload your HTML 5 page with this nice plug in, passing data via JSON. You can customize it changing colors and style. It can preload video, audio, images and js

HTML5 & CSS3 Powered Slideshows – Slider.js

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

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

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.

Tipped a beautiful jQuery HTML5 tooltips plugin

jQuery HTML5 tooltips plugin

Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips.

The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. This means you can easily change the style of your tooltips without having to create any images.

Developing a jQuery Private Messaging Modal Box

jQuery Private Messaging Modal Box

I have designed the functionality to look and feel like a private messaging solution. This is perfect to implement on a user profile page or author’s page in a blog. We will be using some handy CSS3 techniques along with coding the page structure in HTML5. You don’t need to be a master jQuery artist to understand this tutorial, but it wouldn’t hurt to brush up on the basics.

jQuery HTML5 Music Player

jQuery HTML5 Music Player

Remember that awesome music player psd created by Orman Clark? Well here is the matching jQuery plugin.

Making a Beautiful HTML5 & jQuery Portfolio

HTML5 & jQuery Portfolio

In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.