Web design in post-mobile era

Do you remember WAP, how many people still use WAP now? In the post-mobile era, with the progress of browser technology, it is no longer necessary to set up special sites for mobile devices. As a Web designer, if you can follow some basic design and layout principles, your site will be more easily accessible to most mobile devices. This paper describes the principles of WEB design in the post-mobile era.

Current status of mobile browsing technology

The most popular mobile phone systems today include Android,blackberry and the IPhone. While browsers in these mobile systems support HTML + CSS + JavaScript, they still have some limitations.

Flash

At this stage, the use of mobile phone to visit the Flash site, in addition to a black screen, nothing will be displayed, and the phone will not be prompted to say that the flash can not be loaded, therefore, the flash site should be browser detection technology, the client does not support Flash output alternative content. Although flash can output beautiful content on many platforms, running Flash on a mobile phone is like running Windows on a Mac, but there are some technologies in the industry to solve the problem, but don't expect too much.

Silverlight

Windows Mobile 7 will support Silverlight, which will be the only mobile browser that supports the technology. But since Microsoft has opened its doors to HTML 5, don't expect Microsoft to do much for Silverlight on the mobile platform, so the bottom line is not to rely too much on Silverlight in your mobile site.

Javascript

The mobile platform's support for JavaScript has been overwhelming over the past 5 years, and its experience is close to the desktop, but it doesn't support overly complex functionality, and here's a case study of the problem. As for older mobile phones, although JavaScript is also supported, most are closed by default. When you need to write JavaScript for your mobile device, you need to validate and check the code to avoid crashing the user's device, and remember to put the JavaScript script at the bottom of the page so that it doesn't crash before the page is loaded.

CSS 3

Mobile platform for CSS support for a long time, today, a large number of Webkit open source projects based on the mobile phone to support the CSS 3,CSS3 has a better visual experience, support degraded use, but also to speed up the page load, you use the CSS3, Just be aware that some of these properties can be degraded on old phones.

The battle between design sense and ease of use

Not all of the popular WEB technologies are your best choice, you need to test the various techniques used, and it turns out that there are problems with technology in mobile browsing, such as Lightbox, video, mouse hover, and that you need to steer clear of the various Web design elements in this section.

Why can't the video play?

As mentioned earlier, the support for Flash and Silverlight for different mobile platforms is very inconsistent. At present, sites like Vimeo and YouTube have a variety of problems with mobile devices, YouTube is slightly better than Vimeo, and inline video support now seems to be limited to Google's Android platform.

Mobile platform video is implemented through HTML5, however, so far, the licensing of HTML5 video is still unclear, but Google has been on the top of the issue, hoping that they will eventually make this problem to avoid the repetition of the DVD decoder license.

Text Scaling

Expect your text to use a relative position rather than an absolute position, or the Android browser will throw the text of your page somewhere outside the screen.