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 Demo](http://devimages.apple.com/safaridemos/images/safari_demo_video_th.jpg)
Video Effects
Control media playback and apply a variety of CSS effects to video delivered with HTML5.
![Typography Demo](http://devimages.apple.com/safaridemos/images/safari_demo_typography_th.jpg)
Web Typography
Experiment with CSS text effects such as shadow, stroke, and customized web fonts.
![Gallery Demo](http://devimages.apple.com/safaridemos/images/safari_demo_gallery_th.jpg)
Web Gallery
Explore different configurations for organizing and viewing sets of webpage elements.
![Transitions Demo](http://devimages.apple.com/safaridemos/images/safari_demo_transitions_th.jpg)
Photo Transitions
View a photo slideshow with Keynote-style transitions created with CSS3 and JavaScript.
![Audio Demo](http://devimages.apple.com/safaridemos/images/safari_demo_audio_th.jpg)
Audio
Listen to music with the HTML5 audio tag.
![Demo](http://devimages.apple.com/safaridemos/images/safari_demo_360_th.jpg)
360°
Interact with 360° product views created entirely with web standard technologies.
![VR Demo](http://devimages.apple.com/safaridemos/images/safari_demo_vr_th.jpg)
VR
Pan around to explore the view from the iconic glass cube of the Apple Store Fifth Avenue.
![Canvas Pixel Manipulation](http://devimages.apple.com/safaridemos/images/demo_canvaspixel_thumb.jpg)
Pixel Manipulation
Dynamically apply filters and save the resulting image using the HTML5 canvas element.
![Sticky Notes](http://devimages.apple.com/safaridemos/images/demo_stickynotes_thumb.jpg)
Sticky Notes
Create notes whose position and text are stored in an HTML5 client-side database.
![Concert Poster](http://devimages.apple.com/safaridemos/images/demo_concertposter_thumb.jpg)
Concert Poster
See practical uses of cutting-edge CSS effects such as gradients, masks, and web fonts.
![Checkers](http://devimages.apple.com/safaridemos/images/demo_checkers_thumb.jpg)
Checkers
Play a simple game that uses advanced techniques to create a full-featured web application.
![Light Table](http://devimages.apple.com/safaridemos/images/demo_lighttable_thumb.jpg)
Light Table
Sort, shuffle, or flip through a collection of photos with CSS3 transforms and transitions.
![Offline Calendar](http://devimages.apple.com/safaridemos/images/demo_offlinecalendar_thumb.jpg)
Offline Calendar
Create, store, and search calendar events in an HTML5 client-side database.
![Movie Trailers](http://devimages.apple.com/safaridemos/images/demo_fontrow_thumb.jpg)
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.