Foreign development of HTML 5 wonderful applications

In the HTML 5 immature application, streaming media playback and some other wonderful applications must rely on Third-party software to achieve, such as Flash. But now that HTML 5 has surpassed it, it can not only play video and audio, but also develop a variety of network online applications, such as the geographic location of identities, off-line storage, drag-and-drop, image processing, and so on. In this article, let's take a look at some of the recently developed Web sites abroad using HTML 5. Please note that you will need a browser that supports HTML 5.

First, processing pictures

URL:http://radikalfx.com/files/collage/demo.html

This site uses the canvas element of HTML 5 to create a list of layers, by selecting a picture from a picture library, you create a new layer, and each layer can manipulate the picture by manipulating it: moving, zooming, rotating, changing layers, removing layers, changing transparency, changing blending modes, Enable or disable shadow of a picture.

Second, picture editor

URL:http://www.aviary.com/html5editor

The 5-percent image editor is very handy and fast, and it can be said to revolutionize online image editing. By simply uploading and clicking, anyone can edit beautiful pictures via the Internet, or perform simple layer merging, single layer editing, etc. through multiple layers of operation.

III. matters to be done

URL:http://10k.aneventapart.com/Uploads/58/

5List is a notepad written using HTML 5, CSS 3, and JavaScript, which leverages the functionality of HTML 5, including Localstorage, which has client database storage capabilities. With 5List, you can save the pending data that the user submits to the user's local machine.

Four, drag and drop picture upload

URL:http://demos.hacks.mozilla.org/openweb/imageUploader/

This image upload feature, developed using HTML 5, was tested in Mozilla's Firefox 3.6 and found that Firefox 3.6 supports some of the features of HTML 5. It supports dragging pictures directly to the browser for uploading.

Five, Google eat beans

URL:http://html5games.net/game/google-pacman/

This is the Google for the 30 anniversary of Pacman game, the homepage of this game to change the logo and design! The game is said to be 255 off, including the last one!

Vi. Forms

URL:http://thinkvitamin.com/code/fun-with-html5-forms/

A very useful form sample code, developed using HTML 5, contains common form actions that validate the required form fields, field placeholders, date selectors, and e-mail validation, and so on, for specific areas such as Web pages and mobile Web pages.

Vii. Charts and graphs

URL:http://www.humblesoftware.com/finance/index

Humblefinance is a data visualization tool developed using HTML 5, such as an interactive data graphic presentation using HTML 5, which can be used to display any two 2-d datasets.

Eight, online slide production

URL:http://10k.aneventapart.com/Uploads/143/

This slide shows the Localstorage and contenteditable features of HTML 5, which are very rich in application. A simple interface that leverages CSS 3 features while maintaining a smaller file size. It supports the "AutoSave" of content to local (via Localstorage), with increased, reduced, and subject replacement operations.

Ix. on-line drawing

URL:http://muro.deviantart.com/

Muro is an online drawing tool developed in pure HTML 5, which has two modes: basic and professional, all of which are free to use. The Muro support effect has filters, sharpening tools, and brushes, all of which operate in an intuitive and simple interface that is fairly easy to use.

X. Geo-Positioning

URL:http://studio.html5rocks.com/#Geolocation

The Web application automatically detects your location and then uses Google Maps to return to nearby employment information. Note, however, that it requires sharing the address information of your browser.