HTML5 Showcase
The demos below show how Apples Safari web browser supports the capabilities of web standards such as HTML5, CSS3, and JavaScript.
Typography
Try it out: Replace the word “Hello” with your own text. Use the drop-down menu to change the font. Adjust the sliders to change text attributes. Even add a drop shadow to your text.
About this demo: Display stylized fonts on your website without adding image files. CSS3 and SVG (Scalable Vector Graphics) allow you to embed vector-based fonts that scale beautifully.
50Years of
Galerie dart
560 Powell Street,
San Francisco,
CA 94105
Graphic
Design
About this demo:
Surprisingly, the type in this demo doesnt use any images. With CSS3, you can use custom fonts and manipulate HTML elements in ways that dont require images.
Going Over Vertical
Pipedream
photo by Bryce Kanights
Frontside trajectory at The Hook, Tony Farmer past vert.
The easily found terrain, the local skatepark or the curb down the block just doesnt cut it for some skaters. It might take a sizable search, a grueling hike and a steady board, but the uniquely skateable landscape truly delivers.
About this demo:
Everything in this demo is pure HTML. Using CSS3, weve embedded the necessary fonts and styled the copy to produce a magazine-style layout.
VM
View Magazine | Fall Issue
About this demo:
The text in this demo uses a background image that is clipped to its outline. All of the text is HTML, so its searchable and accessible.
Visit the Safari Dev Center to learn more and download sample code