Apple has showcased its new HTML5 page on its website, a web standard, which aims to be open, reliable, highly secure, and efficient. They will allow web designers and developers to create advanced graphics, typography, animations, and transitions. With HTML5, users can do the following things – Video, Typography, Gallery, Transitions, Audio, 360, and VR. There are a total of seven demonstrations and all of them use only the capabilities of HTML5, CSS3 and Javascript.

But, you can only view the examples if you view Apple’s Safari web browser. Even Google Chrome, a HTML5 complaint browser is blocked. Even if you try, you will encounter a message, which states that – “This demo was designed with the latest web standards supported by Safari,”.

The demos even point to a Safari Demos page, which details the various options. With Video Effects, you can control media playback and apply a variety of CSS effects to video delivered with HTML5. You will find a short trailer of Disney’s forthcoming sequel to the seminal Tron. According to Apple, “The HTML5 video tag allows you to integrate video within your website’s code. And Safari offers HTTP streaming, so playback quality dynamically adjusts to the available speed of wired or wireless networks – perfect for viewing on mobile devices such as iPad, iPhone, and iPod touch.”

Web Typography lets you play around with CSS text effects, including shadow, stroke, and customized web fonts. You can explore different configurations to organize and view sets of webpage elements through Web Gallery, listen to music with HTML5 audio tag, and interact with 360° product views and lot more. Typography is probably the most important one for designers as it lets you manipulate text in web pages! You can resize fonts, colour, make them transparent and rotate using live animations.

Apple also clarifies that not all current browsers offer the level of HTML5 support needed to view the demos too.