iPhone® & iPad® Web Design For Dummies®

Displaying New Code in Many Browsers

Apple created the operating system, iOS, which runs on the iPhone, iPad, and iPod touch and in a special version in Apple TV 2. Safari, the default iOS browser, supports nearly the entire CSS specification as described by the World Wide Web Consortium (W3C), the open international organization that develops web standards. Led by the inventor of the web, Tim Berners-Lee, it brings together browser creators, leaders, and users to create the specifications for the protocols that define the World Wide Web.

Similar to HTML5, CSS 3 is still under development as we write this book. The specification won’t reach its final Proposed Recommendation stage until 2022, according to the W3C’s timeline. Even if the specification may not be final for many years, browser developers typically implement parts of the working drafts of new versions of HTML and CSS as they update their browsers. Developers implementing parts of a working draft refer to it as experimental CSS and usually insert the browser name in the rule. That’s why you see multiple versions of the same style rules, as you can see in the example we show you in the next section for creating rounded corners.

Many designers shy away from using experimental CSS, preferring to wait until the standards are approved, or at least until most web browsers support them consistently. Implementing experimental CSS is easier when every browser plays by the same rules, and it can lead to problems if the specification ...