Posts

HTML5 Slideshow with Canvas & jQuery

HTML5 Slideshow – a progressively enhanced HTML5 slideshow with a fancy transitional effect and the new canvas element & jQuery, which is perfectly functional in older browsers as well.

The canvas element opens a whole new way of building rich internet applications, it allows us to create and modify graphics, we can also use it like any other element on the page like apply jQuery animations on it or listen for events.

View DEMO

HTML5 slideshow with canvas and jQuery

HTML5-CSS3 Base Templates – HTML5 Reset

HTML5 Reset – is a set of HTML5 and CSS3 templates you can use as a base template to start a new project.

This reset package by Monkey Do is more than just a single style sheet. It includes a basic HTML5 document structure, with all the every day stuff like title, header, footer, etc., clearing floats, correcting IE problems, and much more.

You can choose from two versions, the ‘full version’ (fully commented or without comments) and one that has just the basic features.

html5 reset - a base templates for HTML5-CSS3 Projects

P.S. Another similar project we mentioned 2 days ago at V-B Magazine: HTML5 Boilerplate – Base HTML/CSS/JS Template.

Easily Customizable HTML5 Video Player with CSS3 & jQuery

Custom HTML5 Video Player – great tutorial with source files from Dev.Opera on how to create Easily Customizable HTML5 video player, including packaging it as a simple jQuery plugin, choosing control types and outputting custom CSS for your own situation.

View DEMO

custom HTML5 video player tutorial

Created jQuery plugin allows you to easily apply custom theme (child theme) as desired and call it using:

$('#video1').gVideo({
  childtheme:'MyChildTheme'
});

From Dev.Opera …

Google recently releasing the VP8 codec, and the WebM project coming into existence. Opera, Firefox, Chrome and IE9 all have support in final builds, developer builds, or at least support announced for this format, and Flash will be able to play VP8.

This means that we will soon be able to create a single version of the video that will play in the <video> element in most browsers, and the Flash Player in those that don’t support WebM natively.