Content

Follow Me on Twitter!

August 30, 2009

html 5 and the video tag

Filed under: Blog — Tags: — Karin Christen @ 8:00 pm

HTML 5 is the next version of HTML. HTML5 introduces a number of new elements and attributes that reflect typical usage on modern Web sites.
(HTML 5 Reference)

One really benefit of HTML 5 is the video tag. HTML 5 and the jQuery JavaScript framework gave us the tools we needed without requiring extra plugins or proprietary software to run a video on a Website.

There is a simple HTML5 demo that works in current versions of Firefox, Safari and Chrome. A sample of RAD’s R&D TV with subtitles and chapter navigation. (This will not work in current versions of Internet Explorer, nor earlier versions of Firefox etc.)

This Demo plays video and audio without plugins, and allows jumping to chapters within the content.

videoexample

August 18, 2009

Canvas Excample

Filed under: Blog — Tags: , , — Karin Christen @ 3:43 pm

The Startpage of fraunhofer.de is using Canvas for their info boxes. As you can see, there is just a normal div-Element. A div-Element with a background color is usally showing a rectangle – but with the use of Canvas you’re able to do stuff like above:

freuenhofer2

frauenhofer

By the way, the fraunhofer.de Website is also a good Excamble for “Accessiblity” and “ARIA
“!
see the video excamble

Footer