New Scripts | HTML5

If you’ve ever tried to edit the Dreamweaver color scheme on your own, you know what a pain it can be (and if you haven’t, you’re not missing much). But, Dweamer makes easy work of a task that used to take several hours. And since Dweamer allows you to save themes, you can come back and edit them at any time, or quickly switch to a different theme whenever you like (without having to start from scratch every time). As an added bonus we will soon be launching a free Dweamer theme gallery where you can share your themes with others and download themes other users have created! So, if you’re tired of the default Dreamweaver colors (or never liked them in the first place), give Dweamer a try!

Tejas is built on jQuery and utilizes the very powerful ThemeRoller system for rendering its user interface. This means that changing the color scheme or images is as simple as just going to the ThemeRoller site and using the friendly GUI to change whatever you need. If you want to delve even deeper, it provides more options and flexibility so that you can create an UI you want without touching the plugin.

This script doesn’t require any extra Browser Plugins to display HTML5 videos. It features a beautiful and unified UI on all desktop browsers and supports fullscreen in Window Mode.

Vplayer is a minimalistic HTML5 Video Player with a Social Media Sharing Widget and a Video Gallery Slider. Vplayer works on all modern browsers, and can fall back to Flash for older browsers. The scripts’ only dependency is jQuery. Features Customizable Skin with CSS Dynamic FullScreen Mode (supports resizing) User-Friendly Sound Controller Sharing Widget (Facebook, Twitter, Digg…) Video Gallery Supports Preloading and AutoPlay Supports Flash Fall-Back for old browsers Works on all modern browsers

Video5 is a video player able to reproduce the videos using the HTML5 standard and Flash technologies, depending of the browser used. The video player first verifies that the browser supports HTML5 and plays the video according to the HTML5 standard, otherwise it uses a player based on Flash. In both cases it maintains the same visual presentation so that the final user does not realize the difference in formats during playback.

Audio5 is a music player able to reproduce the audio files using the HTML5 standard and Flash technologies, depending to the browsers used to load Audio5. The audio player verifies if the web browser supports HTML5 or Flash and reproduces the audio file in the required standard.

HTML5 introduces DOM Storage, a new way of storing data on the client side that overcomes the disk space limitations of JavaScript cookies. This tutorial looks at how to take advantage of DOM Storage in browsers today.

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.

CanvasXpress is a javascript library based on the tag implemented in HTML5. I developed this library as the core visualization component for our BMS systems biology platform which I hope to release soon. The basic idea was to have generic and simple way to display genomics data. CanvasXpress supports bar graphs, line graphs, bar-line combination graphs, boxplots, dotplots, area graphs, stacked graphs, percentage-stacked graphs, correlation plots, Venn diagrams, heatmaps, newick trees, 2D-scatter plots, 2D-scatter bubble plots, 3D-scatter plots, pie charts, networks (or pathways), and a genome browser. It also supports a few data transformations like log and exponential transformation, z-score, percentile transformation and ratio. It also support grouping of samples, zooming, events ... yada, yada, yada ... and more importantly I created an Ext panel for it. Take a look.

The same icon is drawn in JavaScript on an HTML5 canvas element and in ActionScript 3 in Flash. The differences in code is discussed after each step. The source code for each option is included for download.

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.

This tutorial will take you step by step through the development of a simple web drawing application using HTML5 canvas and its partner JavaScript.

This tutorial demonstrates how to use the HTML5 video tag to embed video in a web page. It will also shows how to use JavaScript to control the playback of video.

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies

We've tested all the A-grade browsers for their CSS3 and HTML5 support using FindMeByIP.com. The results have been very interesting.

The following tables compare support of HTML5 differences from HTML4 for a number of layout engines.

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.

We are going to have a look at how to create a HTML 5 page that uses the new drag and drop feature. Note we are displaying this via an iframe so if your having any trouble viewing the demo please let us know, another reason it may not show will be due to your browser, this is working fine in FireFox 3.5 ^ Safari.

HTML5 Drag and Drop has been talked about a lot lately, but it’s hard to find really useful information about implementing it across multiple browsers. Mozilla, Apple and Microsoft all have pages describing how to use it, but their examples seem to work only in their particular browser

The new HTML5 CANVAS tag is a new tag for HTML5 that allows 2-dimensional drawing, or bitmap drawing if you like, using Javascript. It allows both simple and complex shapes to be drawn that you could previously only get by using images.