Best Viewed: Safari on Mac OS X, Windows
Movie Trailers
Within Safari, browse and play trailers from an iTunes movie catalog using a familiar Front Row-style interface. Built with Dashcode 3, this web application uses the HTML5 video element to display video and combines CSS 2D and 3D transforms with CSS transitions to make the user interface fluid and responsive. Each piece of dynamic data is bound to a user interface element using Dashcode Data Sources. By using Data Sources, you can reduce the amount of time that you spend writing code to parse incoming data, and your user interface elements will stay in sync if the data changes.
- Video is displayed using the HTML5
<video>tag. - Reflection is added with
-webkit-box-reflect. - Movie posters are animated with CSS3 transforms and animations.
