O'Reilly logo

Responsive Media in HTML5 by Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Testing responsive sites with online tools

We've already seen that initial testing of our sites is possible in most desktop browsers, but there is a drawback to this approach. These tools will be set to display a limited set of screen sizes, which will require an update of the browser application to reflect any changes.

To help bolster our testing, we can use one of any number of online emulators. This has the advantage of dynamic resizing (by changing the size of the browser window), as well as choosing from any one of a number of preset sizes. While we may not be able to emulate the device perfectly, we can at least ensure that content will render correctly at a desired size.

Take, for example, Microsoft's site—when viewed using the ScreenFly ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required