View the examples below and learn how to use web standards such as HTML5, CSS3, and JavaScript to deliver rich experiences in your website.

Video Effects
Control media playback and apply a variety of CSS effects to video delivered with HTML5.

Web Typography
Experiment with CSS text effects such as shadow, stroke, and customized web fonts.

Web Gallery
Explore different configurations for organizing and viewing sets of webpage elements.

Photo Transitions
View a photo slideshow with Keynote-style transitions created with CSS3 and JavaScript.

Audio
Listen to music with the HTML5 audio tag.

360°
Interact with 360° product views created entirely with web standard technologies.

VR
Pan around to explore the view from the iconic glass cube of the Apple Store Fifth Avenue.

Pixel Manipulation
Dynamically apply filters and save the resulting image using the HTML5 canvas element.

Sticky Notes
Create notes whose position and text are stored in an HTML5 client-side database.

Concert Poster
See practical uses of cutting-edge CSS effects such as gradients, masks, and web fonts.

Checkers
Play a simple game that uses advanced techniques to create a full-featured web application.

Light Table
Sort, shuffle, or flip through a collection of photos with CSS3 transforms and transitions.

Offline Calendar
Create, store, and search calendar events in an HTML5 client-side database.

Movie Trailers
Use a Front Row-style interface within Safari, built with Dashcode using HTML5 and CSS3.
Related Resources
These resources from the Safari Reference Library provide you with instructions and examples for implementing standards-based technologies.