10 HTML5 File Upload with jQuery Example

In this example you can find jQuery multiple files upload example, where the example replaced a specific div with a jQuery uploader queue. The best part is if it fails than it will not convert the specified element. A great example to check.

jQuery Upload Multiple Files

2- HTML5 drag & drop API

If you want to allow users to upload files while dragging and dropping files from their desktop to a browser than check out example.

HTML5 drag & drop API

3- HTML5 Drag and Drop Multiple File Upload

In this example you will be able to make a HTML5 drag and drop multiple file upload with native java script. There is only HTML5 used no plugin needed for this.

HTML5 Drag and Drop Multiple File Upload

4- Html5 File Upload with Progress

Another great example to check where HTML5 file upload with progress options. You can use the variables that is passed from eventsspec.

Html5 File Upload with Progress

5- HTML5 Drag and Drop File Upload

After reading this you will be able to develop a upload center for your own website, where a user can upload photos from their desktop by dragging and dropping them on to the browser window.

HTML5 Drag and Drop File Upload

6- HTML5 File and Folder Upload Control

Awesome and fast with Slickupload, also you can scale it to advanced functionalities when you need them.

HTML5 File and Folder Upload Control

7- jQuery HTML5 File Upload with Bar Progress

Simple yet powerful way to make a drag and drop file upload example compatible with Mozilla latest, Google Chrome and Safari.

jQuery HTML5 File Upload with Bar Progress

8- Multiple File Uploads using HTML5

Awesome example if your Chrome is taking lots of time to load flash multi files uploader.

Multiple File Uploads using HTML5

9- Ajax Uploading With HTML5 File api

This is a Ajax uploading with HTML5 file api example very simple and straight to point.

Ajax Uploading With HTML5 File api

10- HTML5 Multiple File Upload Plugin with progress-bar

I like this example as this plugin uses XHR for uploading multiple files and shows progress bar in FireFox 3.6+ and other + browsers.

HTML5 Multiple File Upload Plugin with progress-bar

Source: http://www.wokay.com/technology/10-html5-file-upload-with-jquery-example-56566.html

HTML5 Chess Game Example

If you like Chess and want to try with HTML5 and Javascript you can visit this cool site:

http://htmlchess.sourceforge.net/demo/example.html

Or download:

http://sourceforge.net/projects/htmlchess/files/latest/download

 

45 Examples of Websites Designed with HTML5

Spigotdesign

Black-meridian

Time2project

Gforce

Webstandardssherpa

Eyestylesllc

Visualise

Nicelyreplayed

Bebopweb

Clearideaz

Urustar

1MD

Birrificioirpino

Maartenkal

Benthebodyguard

Ngenworks

Unfold

Moodsofnorway

Zerply

Made In Germany – Magazine August 5

Ideaware

Marco Barbosa

Tejpotter

Vision18

Html5readiness

Teixido

Stephencaver

Faciodesign

Digitalhands

Ashfalldesign

Vegazvegaz

Html5lab

Hd-Live

Dilly Deli – Tulsa, OK

1minus1

CORPUS

Simple as Milk

FRONTEND 2011

Nike

Cultural solutions uk

Henry Brown

Rainypixels

Full Stop

Pioneer Records Management

Femkreations


Source: http://designmodo.com/websites-design-html5/#ixzz1mRJzNeQj

23 Useful Online HTML5 Tools

Sketch in 3D With Animating Lines on HTML5 canvas

HTML5 examples

Spritebox – Create CSS from Sprite Images

HTML5 examples

font dragr – Drag and drop font testing

HTML5 examples

Patternizer – Stripe Pattern Generator Tool

HTML5 examples

XRAY: look beneath the skin

HTML5 examples

Automatoon- Easy Animation For The Web

HTML5 examples

HTML5 Audio element maker

HTML5 examples

SVG to HTML5 Canvas Converter

HTML5 examples

Rendera – Online HTML5 Editor

HTML5 examples

CanvasLoader Creator

HTML5 examples

HTML5 File Upload with Progress

HTML5 examples

Making a Beautiful HTML5 Portfolio

HTML5 examples

Create a Stylish Contact Form with HTML5 & CSS3

HTML5 examples

Periodic Table of the Elements

HTML5 examples

Interactive Typography Effects with HTML5

HTML5 examples

DHTMLX Touch – JavaScript Mobile Framework for HTML5 Web Apps

HTML5 examples

HTML 5 Outliner

HTML5 examples

Initializr – HTML5 templates generator

HTML5 examples

HTML 5 Demos and Examples

HTML5 examples

HTML5 Tracker

HTML5 examples

HTML 5 Visual Cheat Sheet

HTML5 examples

The HTML5 test

HTML5 examples

LimeJS – HTML5 game framework

HTML5 examples
Source: http://designmodo.com/online-html5-tools/#ixzz1mRJKtD4e

20+ Professional Examples of Websites Using HTML5

vlog.it

Volkswagen Beetle

Hyundai Veloster

Citroën DS5

The Uprising Creative

Joshua Sortino

Union Station Neighborhood

ultranoir

CINEMUR

Yuna Kim

Moods of Norway

This Shell by the Gamits

Cappen

Every Pixel Counts

FreeAgent Depot

New Zealand 100% Pure

bit-this

Diablo Media

SF Dok

Netlash-bSeen

itosieceni.pl

iutopi


Source: http://designmodo.com/html5-examples/#ixzz1mRJ0BphQ

Ping your blog, website, or RSS feed for Free Sitetag