Chapter 1. HTML5 and .NET
Figure 1.1. From games like Canvas Rider to semantic page layout to audio/video to form presentation, HTML5 has something for everyone in the web design and application space. Rich HTML applications are the new normal for web development.
Figure 1.2. The basic organization of a web application built using HTML5. The application is consumed by a web browser that reads an HTML text file and interprets the content, loading other resources like JavaScript files, images, or stylesheets as necessary. The markup is rendered on the page using stylesheets that are linked or placed directly into the markup, and JavaScript code executes at the proper time to change the interface, communicate with the server, or interact with the HTML5 APIs available from the current browser. These APIs can interact directly with the client system, but JavaScript, as a rule, can’t.
Figure 1.3. The form factor, size, and resolution of browsers available to you is growing all the time.
Figure 1.4. JavaScript engine performance improvements in the past few years (courtesy of webkit.org) have led to impressive speeds all around. In this graph, the time required in milliseconds to perform a large number of very specific JavaScript benchmark tasks is measured.
Figure 1.5. Basic client and server interactions between HTML5 features and JavaScript APIs within an application