Apple’s take on CSS3 and HTML5

Days before the opening of its Worldwide Developer Meeting, Apple once again was seen touting the benefits of new Web standards for example HTML5, CSS3, JavaScript, and the WebKit rendering engine. The demos are on the Apple Developer site. Called Safari Technology Demos, the page gathers together eight demonstrations that blends a selection of technologies:

CSS effects including transforms, reflections, and image masks are applied to HTML5 video. Apple said this was implemented in a single line of code. CSS typographic capabilities like shadows and customised Web fonts. Using styled text rather than photographs offers better download performance and is simply discovered by search websites. An interactive Web studio combines 2D and 3D transforms CSS transitions. CSS3 transitions and animations are employed in a Web-based slideshow. An HTML5 audio demo shows how JavaScript lets programmers seek, pause, play, and check the prevailing playback position. It is saying that listeners can enjoy sound in your net pages without downloading any extra software.

A page shows an interactive 360 degree view of an iPod Touch, iPad and a case.
The snaps are positioned with CSS and loaded dynamically with JavaScript. Apple claim that Document Object Model support for touch events will make it all work on iPhones and iPads. And no 3D plugin needed. Similar to the three hundred sixty degree demo, the VR example shows an Apple Store in NYC to make a virtual 3D environment. CSS transforms position the photographs in 3D space. What Apple calls Canvas Pixel Manipulation demonstrates the interactive capacities of JavaScript Canvas APIs that permit pixel-level information to be changed and displayed and an image stored locally or on the internet. This lets users draw lines and shapes right into the page.