Designing for Different Web Browsers

If you want to make an amazing-looking website with lots of useful functionality and tons of “wow factor,” design your web pages with the code to make them look good in the web browsers that visit your website.

Though your audience may differ, our goal in this book is to help you create websites that look good in Safari on the iPhone and iPad without compromising the design of the page when viewed in any of the most popular web browsers on the Internet.

In the code examples in this book, we targeted (and tested) our designs using the two most recent versions of each of the most popular web browsers on desktop and laptop computers.

At the time of this writing, the browsers in the following list were the most popular — and the ones we used to test and target our design:

check.png Chrome: Versions 7, 8, 9

check.png Firefox: Versions 3.5, 3.6, 4.0

check.png Internet Explorer: Versions 8, 9

check.png Opera: Versions 10, 11

check.png Safari: Versions 4, 5

Designing for WebKit browsers

Safari and Chrome ...

Get iPhone® & iPad® Web Design For Dummies® now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.