Taking the mobile Internet field as an example, in the face of numerous terminal devices and platforms, designers and developers have to make compromises in terms of product display and consistency in the experience, and wasted so much of our energy in the process of filling in the platform.
HTML5, which is said to be the killer of Flash, is a transformative network technology used for web application development. HTML 5 provides some new elements and attributes, some of which are technically similar
and labels, but have some meanings, e.g.
and
. This tag will be conducive to search engine indexing, small screen devices and visually impaired people. At the same time, new functions are provided for other browsing elements, through a standard interface, such as
and
mark.
In addition to the original DOM interface, HTML5 adds more diverse APIs:
Real-time two-dimensional drawing
Canvas API: API for dynamic output and rendering graphics, charts, images, and animations.
Timed media playback
HTML5 Audio and Video: New elements in HTML5, they provide developers with a common, integrated, scripted API for processing audio and video without installing any plug-ins.
Offline storage database (offline network application)
edit
Drag and drop
Cross-document communication
Communications/Network
Communication APIs: Two major foundations for building real-time and cross-origin communication: Cross Document Messaging and XMLHttpRequest Level 2.
Browsing History Management
Header registration when MIME and protocol handlers
Micro data
The above technical descriptions are present in the WHATWG HTML documentation, but are not all included in the W3C HTML5 documentation; W3C has made separate explanations for some technologies, so this article will not be repeated one by one.
It sounds a bit too technical, so what impact will HTML5 have on design? This is a problem that web designers and developers have to consider after discussing programming code.
Advantages of HTML5 and web apps
Taking the mobile Internet field as an example, in the face of numerous terminal devices and platforms, designers and developers have to make compromises in terms of product display and consistency in the experience, and wasted so much of our energy in the process of filling in the platform. Products could have reached a higher level, but the reality of fragmentation of mobile terminals (including hardware and software) blocks good wishes.
The current mainstream mobile phone development platforms include: iOS, Symbian, Linux, Palm, BlackBerry, Windows Mobile, Android, etc. Among them, the iOS platform needs to be designed for resolutions of 480*320, 960*640 and 1024*768 respectively; the QVGA resolution is 240*320, WQVGA resolution is 240*400, HVGA resolution is 320*480, WVGA resolution is 480*800, FWVGA resolution is 480*854, etc.; the Symbian system has a long history, and now it mainly focuses on the two versions of S60 V3 and V5, and the resolution is still 176*208, 208*208, 240*320/320*240, 352*416/416*352 and 800*352 and many other types. Even with the same platform, different resolutions will have corresponding differences. In addition, client products need to be updated and iterated continuously, from version 1.0, version 2.0 to version N.0; every time a native app is developed, a platform needs to be laid out. And the reality is that not all users will actively update the new version, so designers and developers should also worry about whether the previous old version will be supported when developing new functions. Multiply different platforms by different versions, manpower and material resources are invested in the work of laying the platform, and the energy to improve product user experience is relatively limited.
So people have had enough of the torture of fragmented terminal devices and began to look forward to something different from native apps. The emergence of web apps developed by HTML5 technology has given designers and developers a bright vision. The rendering process of HTML5 technology is mainly carried out by browsers, applications embedded with HTML5 parser, applications that support bookmark opening, or mobile phone products. In this way, the launch and version update of the product no longer takes so long to lay the platform. The internal logic of Applerator will convert the product's UI to a native interface for platforms such as iOS or Android. At the same time, products in the form of web app do not require users to download and update, and can access the latest version through the network; it also facilitates designers and developers to debug and correct errors, and there is no longer a problem of taking into account the new and old versions at the same time.