Book Image

Responsive Web Design with HTML5 and CSS3

By : Ben Frain
5 (1)
Book Image

Responsive Web Design with HTML5 and CSS3

5 (1)
By: Ben Frain

Overview of this book

Table of Contents (17 chapters)
Responsive Web Design with HTML5 and CSS3 Second Edition
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

View and use the design on real devices


If you can, start to build up a 'device lab' of older devices (phones/tablets) to view your work on. Having a number of varied devices is hugely beneficial. Not only does it let you feel how a design actually works across different devices, it also exposes layout/rendering peculiarities earlier in the process. After all, no one enjoys believing they have finished on a project to be told it doesn't work properly in a certain environment. Test early, test often! It need not cost the earth. For example, you can pick up older phone and tablet models on eBay, or buy them from friends/relatives as they upgrade.

Note

Use tools such as BrowserSync to synchronize your work

One of the biggest time-saving tools I've used lately is BrowserSync. Once configured, as you save your work, any changes to things like CSS are injected into the browser without you needing to constantly refresh your screen. If that wasn't good enough, any other browser windows on devices...