May 4, 2012

Interesting examples of experiments with HTML5

Filled under:

Technologies are developing rapidly. The network is growing, and sites become more interactive, using the latest developments. HTML language itself is also not on the site, and is constantly being improved. The specification of HTML 4, used in recent years began to give way to a new HTML 5 specification. The latest versions of browsers today support the HTML 5 specification, which means the transition to it is a question of time.

HTML 5 specification greatly expands the range of possibilities for site developers. It gives greater flexibility and the ability to maximize interactivity . Probably, many perceive the HTML 5only as an alternative to or replacement of Flash . But in fact, Flash and HTML5 solve different problems .

Yes, part of what had been realized in Flash can now be implemented on the HTML 5 . However, both platforms have both advantages and disadvantages. And the best way always is to find the golden mean. Using these platforms together, can achieve a much greater effect, as they well supplement each other's weaknesses. So I wanted us to pay attention to the fact that Flash and HTML 5 may well be used together , and applied successfully to complement each other. And do not argue that it is better, and who gets to win.

As I mentioned, HTML 5 is the new and enhanced features as a markup language documents. Today I would like to designate some of the benefits incurred by the HTML 5.

Interactivity

The great advantage of HTML 5, a feature built into the browser. Web developers are increasingly trying to create applications that display animation, video, music, and integration with social networks such as Twitter and Facebook . In most cases, to implement this functionality, they can learn and apply additional tools such as Flex , Flash , Silverlight , and JavaScript . Of course this way, but it increases the complexity and time taken to develop a web project.

But now, with the help of HTML 5, you can simply embed the video and audio, graphics and animation, or other interactive content without using plug-ins and other technologies, because the functionality is built into the browser. You use the tags and the browser does all the rest of the work.All this is much less CPU on your computer, and makes playback smoother and easier.

Net code

HTML 5 allows developers to get a clean, tidy code. Now you can remove most of the tags that had to be used to organize the necessary markings and replace them with new structural elements.HTML 5 introduces a number of new features that simplify the structure of pages. Now we have to write less code, and therefore, the document will be smaller and easier to understand, and it will load faster. Layout pages for HTML 5 becomes easier and faster, HTML 5 eliminates the clutter of the maker of nested tags.

Improved consistency

Since HTML 5 defines new elements, it certainly would achieve greater consistency of web pages.Outline of HTML 5 now becomes a logical and understandable . Due to the basic blocks that now define the document, the developers would be more logical and easier to build pages. Any Web developer can quickly understand how to construct the HTML 5 page. This is especially help beginners, now it will become much clearer.

Better semantics

Now you can easily see what the page is the title of which navigation and which vault, sidebar, etc., since there are special tags for each of these parts. They clearly define both the name and the meaning of the code enclosed in these tags. With the help of HTML 5, we can increase the semantic meaning of a web page, since the code will now be standardized.

Improved access to

Different technologies can now easily use the features that they provide the HTML 5. As part of the page tags defined standard for third-party technology will now be easier to understand the structure of the page and use the part that they need. And this is again due to new elements of HTML 5.

Improved Data Storage

To track unique user data for many years been used cookies. But they have serious drawbacks. The main drawback is that all your data is added to the cookies every HTTP request header. This can result in the fact that you get a tangible response time. Usually, cookies are trying to minimize that impact on Oslava zagruzku.V HTML 5, we can improve it all with sessionStorage andlocalStorage (two different stores in HTML5) instead of cookies. Of course this is not permanent database, but allows you to temporarily store structured data.

Offline Cache

All browsers use caching. Caching is the temporary storage of information in the user's disk. When you turn on your computer and click on the browser's back button, then you're hoping to see the page that was opened earlier. However, if you are not connected to the Internet and the browser did not cache the page properly, you will not be able to see this page. Pages can be loaded only when connected to the Internet. HTML 5 , fortunately, provides a smarter decision. When creating a site, the developer can specify the files that the browser has cached. Thus, even if you refresh the page in standalone mode, the page will still load correctly. This cache has several advantages.Offline browsing lets you download files much faster and reduces the load on the server.

Improved forms of

HTML5 allows designers to use the pages are more complex and interesting forms. HTML 5 formsgive you more freedom in the implementation of the more interesting ideas. But the validation of all of them will remain the same as for HTML forms. The user interface of HTML 5 forms significantly improved and reduced the amount of code JavaScript (JavaScript only to browsers that do not support such a form of HTML 5 ). You can use different types of input fields, and the flexibility to customize search fields for various purposes.

This is just the main advantages of HTML 5 , in fact, there are many more. In the near future, HTML 5 will be the primary markup language pages. It is assumed that the specification of the language will be finished until 2022, but use the HTML 5 in your projects, you can have right now!

HTML 5 specification includes many new and useful features. One of the interesting features is the tag canvas . HTML 5 Canvas (canvas HTML 5) provides a simple and powerful way to display graphics and drawing with the use of JavaScript. Drawing is happening here in raster form, that is, by drawing something on the canvas, it can not be changed or removed individually - you can just erase the whole area of the canvas.

I suggest you look at a few examples of how powerful the tool is the tag canvas.
html+5+canvas

html+canvas

canvas+html5

html5+canvas+html5

canvas+html5++tutorial

canvas+html5++tutorial+2

canvas+html5++tutorial+3

html+5+test

html+5+test+1

html+5+test+2

html+5+test+3

html5+websites

html5+websites+1

html5+websites+2

html5+websites+3

html5+websites+4

0 comments:

Post a Comment