-
Book Overview & Buying
-
Table Of Contents
RESS Essentials
In this chapter we will discuss device detection libraries—tools that may help you to improve user experience on various devices.
In the previous chapter we created a responsive web document that adapts to screen resolution, but we didn't solve at least two issues, listed as follows:
We use the same images for very large and very small screens; this means that, for a device that has a screen 320 px wide, we will download the 2500 px wide version anyway
Our JavaScript and CSS elements are quite large, modern, and demanding in terms of processing power, browser capability, and memory, which though fine for most modern bleeding edge devices are still bad for older and cheaper phones.
To deal with this, we are going to use one of the old ways—a device detection library.
The history of the mobile web goes back over 10 years. The very first phones capable of browsing the Web used WAP with XHTML Mobile Profile as the document markup language...
Change the font size
Change margin width
Change background colour