### CSS Showcase: UI Elements and Navigation ###

===========================================================================

DESCRIPTION:

Shown in session 503 at WWDC 2010, this sample web page showcases CSS visual effects in WebKit, including uses of

shadows, custom font faces, rotations, translations, scales, and transitions. This graphically rich design was implemented 

without using any bitmap image resources or plug-ins.

===========================================================================

BUILD REQUIREMENTS:

Mac OS X v10.6 or later with Safari 5

===========================================================================

RUNTIME REQUIREMENTS:

Mac OS X v10.6 or later with Safari 5

iPhone OS 3.2 or later

===========================================================================

PACKAGING LIST:

index.html - HTML file for the sample web page.

scripts.js - Onload script for adding animations to the last two menus in index.html.

style.css - Styles for the look of index.html and the animation for the menu bar buttons.

style-transitions.css - Styles for the animated transitions for each of the four drop-down menus.

Lobster-fontfacekit - Folder containing font files generated by FontSquirrel.com for embedding into the sample page.

===========================================================================

CHANGES FROM PREVIOUS VERSIONS:

Version 1.1

- Added click and touch event handlers for small desktops and iPhone OS, so that menus activate correctly.

Verion 1.01

- Updated CSS to specify -webkit-border-radius (for iPhone OS 3.2) along with border-radius.

- Added "-webkit-user-select: none;" to CSS to avoid unwanted selection of 

  text in the button bar.

Version 1.0

- First version.

===========================================================================

Copyright (C) 2010 Apple Inc. All rights reserved.