Top Rated Scripts | HTML5

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

Starter is a multipurpose responsive template perfect for business, agency or creative portfolios. It has a fully responsive design and works great on all devices (pc, notebook, smartphone, iPhone, iPad, tablets).

Modern, clean and simple style. Built with HTML5 & CSS3. Fits great on desktops and various mobile devices (responsive layout). Suitable for any kind of forum communities.

Features - Built entirely in JavaScript - 800×600 fixed resolution with a framerate of 60FPS - Built-in Scoring System which saves the players scores to a database and retrieves them for later viewing - Built in an OOP fashion for easy understating and quick changes - Quick and easy setup - All assets are preloaded the progress status being displayed to the user - It is compatible with all major browsers that support the HTML5 Canvas element (IE9, Chrome, Firefox, Safari, Opera) - Contains a minified & obfuscated version of the JavaScript code - Each class file has every piece of code commented

This javascript library enables you to take advantage of the HTML5 and tags today. With a consistent player interface across all major browsers including Internet Explorer. The library supports a seamless fallback with Flash based playback (using Kaltura’s media player – KDP3) or Java Cortado for browsers that don’t yet feature HTML5 video & audio support

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for.

This is a pure css3 html5 accordion. It only takes a few seconds for you to create custom accordion. There are 6 different animations that can be use for your accordion list. All animations uses 3D rotation effects. Accordion works smoothly in iOS devices such as iPhone and iPad. Browsers that do not support 3D rotating will still show the accordion but with no 3d animation effect. This item have included 42 Predefined colors for you to choose in your labels. Meanwhile I’ve included documentation for ease of work .

Allows drawing in a browser. The editor is compatible with browsers on PC, Mac, iOS, or Android. The developer can customize the editor's UI. The editor is implemented as a component for insertion in web applications.

HTML5 Photo and Video LightBox - Awesome HTML5 and jQuery lightbox effect, supports images, Flash SWF files, YouTube, Vimeo and local videos, works on Windows, Linux, Mac, iPhone, iPad, Android, Windows Phone and all modern web browsers

This tutorial will show how to create a simple paint bucket tool on an HTML5 Canvas using JavaScript. We will be implementing a flood fill algorithm using the HTML5 imageData object for pixel manipulation.

Step by step tutorial drawing an icon of a warning symbol on an html5 canvas. Current html5 browser compatibility is discussed as well as downloadable source code.

Everything can be set from a main XML file making it very easy to update and maintain. This product can be embedded in WordPress, Joomla or any kind of HTML content. This XML gallery it's resizable adjusting after the browser size. This means that everythingwill look the same on each resolution and your photos will appear the same for all your visitors. The HTML5 Photo Gallery - Resizable Album Grid XML is size flexible or fluid, it will adapt it's size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. Also if you like you can instantiate the gallery to fit the browser's viewport regardless of the screen resolution.

This tutorial will explain how to create your first drag and drop example. HTML 5 comes with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up.

Visitors increasingly want to engage with our sites and brands. This slot machine gives the perfect way for your visitors to do that with little effort or cost to you or your company. On top of that it increases customer loyalty, returning to the site to continue to play! We've seen a huge variety of companies use this to great success. Have your own HTML5, pure Javascript slot machine on your site! In a recent survey, 74% of users said the well finished game contributed significantly to the fun of the site. You can mix it up and customize your slot machine with the 5 different pre-set designs provided, or you can very easily make your own. Written in pure HTML 5, Javascript, jQuery and CSS it is extremely quick and simple to integrate into any new or existing site. Proven to work flawlessly on mobiles and tablet, your visitors can enjoy this feature at any time and there is no use of Flash or Java.

jPlayer is a jQuery plugin that allows you to: * play and control audio files in your webpage * create and style an audio player using just HTML and CSS * add sound effects to your jQuery projects * support more devices using HTML5 All of this with HTML5 support for compliant browsers that allow mp3 or ogg format, while supporting other browsers using mp3 format with no visible Flash.

Comes out of the box in two well designed variations; is set up in minutes. With useful options: Flexible dimensions, unlimited colors, playlists and two different buttonsets for light and dark themes. Featuring the technology of Projekktor it comes with cross-browser compatibility via Flash fall back plus optional social links and for detailed artist information. Works with all modern browsers and mobile devices like iPad, iPhone and more.

FusionCharts Suite XT helps you create stunning charts, gauges and maps in a jiffy for all your web and enterprise applications. Using it, you can build awesome dashboards, reports, analytics, monitors, surveys and more that blend aesthetic elegance and intelligent insight. Leveraging JavaScript (HTML5) & Flash, FusionCharts Suite XT works seamlessly across PCs, Macs, iPads, iPhones and a majority of other mobile devices. It works with both XML and JSON data, and can be integrated with any server-side technology (ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails etc.) and database. FusionCharts Suite XT is the industry's leading enterprise-grade charting solution with over 21,000 customers and 450,000 users in 118 countries, including a majority of Fortune 500 companies and some of the web's most popular sites.

Complete Flash fallback included for browsers that dont support html5 video. Only 2 video formats used (ogv and mp4) to cover all browsers. Can be used as a single video player (playlist automatically hides if there is only 1 video) Set player width and height Completely customize playlist ‘Live preview’ feature is optional (automatically play video on playlist item rollover). Simple image thumbnails can be used instead. Description is optional for every video (includes mouse autoscroll for large amounts of text). Choose between video aspect ratio of ‘fit inside’ and ‘fit outside’. Autoplay video optional (automatically detects for ios devices). Set your own preview poster images on autoplay off. Start with playlist or any video. Set default volume. Video controls optional autohide on timer (specify time) Unlimited videos supported

The feature of the day is contentEditable, by which I mean client-side in-browser "rich text" editing. All major browsers support this now, including Firefox 3, Safari 3, Opera 9, Google Chrome, and Internet Explorer (since 5.5).

HTML5 video with Flash fallback Easy CSS/HTML/JS customization and theming Full screen support Completely open source and free for commercial use