Turn to ten wonderful applications developed using HTML5

Turn to ten wonderful applications developed using HTML5

When HTML5 is not mature, streaming media playback and other wonderful applications must be implemented using third-party software, such as flash. But now HTML5 has exceeded it. It can not only play videos and audios, but also develop various online network applications, such as the geographical location, offline storage, drag-and-drop, and image processing of the logo. In this article, let's take a look at some overseas websites developed using HTML5. Please note that you will need a browser that supports HTML5.

I. Processing Images

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

This website uses the Canvas Element of HTML5 to create a layer list. After you select an image from the image library, a new layer is created. Each layer can be manipulated to create an image: move, zoom, rotate, change the upper and lower layers of a layer, delete a layer, change transparency, change the blending mode, enable or disable the Image Shadow.

 

Ii. image editing

URL: aviary.com/html5editor

Baiwuju's HTML5 image editor is very convenient and quick. It can be said that it revolutionizes online image editing. With simple uploads and clicks, anyone can edit exquisite images over the Internet, or perform simple layer merge and single-layer editing functions through multi-layer operations.

 

Iii. to-do list

URL: 10k.aneventapart.com/uploads/58/

5list is a notepad written in HTML5, css3, and Javascript. It uses HTML5 functions, including localstorage, which has the client database storage function. You can use 5 lists to save user-submitted to-do data to your local machine.

 

4. Drag and Drop images to upload

URL: demos.hacks.mozilla.org/openweb/imageuploader/

The image upload function developed using HTML5 was tested in Mozilla firefox3.6 and found that firefox3.6 supports some HTML5 functions. It supports drag and drop images to the browser for upload.

 

5. Google eats beans

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

This is Gu Ge to commemorate the 30 Anniversary of the bean game, the website homepage is designed to replace this game logo! It is said that this game has 255 off, including the last off!

 

6. Forms

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

A very useful form sample code, developed using HTML5, contains common form operations, which can verify the required form fields, field placeholders, date selector, and email verification, it can be used in webpages, mobile web pages, and other specific fields.

 

VII. Charts

URL: humblesoftware.com/finance/index

Humblefinance is a data visualization tool developed using html5. for example, it uses html5. it can be used to display any two 2-D datasets.

 

8. Online slide Production

URL: 10k.aneventapart.com/uploads/143/

This slide shows the localstorage and contenteditable functions of HTML5, which are rich in applications. The simple operation interface uses the css3 function while maintaining a small file size. It supports "auto-saving" content to local (via localstorage), with operations such as adding, reducing, and changing themes

 

9. Online drawing

 

URL: muro.deviantart.com/

Muro is an online plotting tool developed in pure HTML5. It has two modes: basic and professional, and they are free of charge. Muro supports filters, sharpening tools, and brushes. All operations are performed on an intuitive and simple interface, which is quite easy to use.

 

10. geographical positioning

URL: studio.html5rocks.com/?geolocation

This web application will automatically detect your location and then use Google Maps to return nearby employment information. However, it requires that you share the address information of your browser.