Multimedia XML

Shiny Things In Angle Brackets

Robin Berjon

Robineko

(X)HTML5

This Year's "It" Spec, By Paris Hilton

• Don't say "AJAX" or "Web 2.0"; say "HTML5"
• Don't worry about the finish date — it's for now
• Don't forget that it works just as well as XHTML5

(X)HTML5 — Various Improvements

The Bits We Don't Care About Right Now

• A number of semantic additions: section, article, header/footer, nav
• Cleaning up a lot of what's already available
• A number of new APIs
• RDFa or Microdata
• New and improved forms

(X)HTML5 — Multimedia Parts

What's Sexy Today

• SVG integration
• MathML integration
• Canvas
• Native audio and video support
• Demo: Canvas Kaleidoscope

Device APIs

Web to Real World, Please Come In

• Provide access to device functionality
• Camera, File System, Geolocation, Orientation, Sensors, etc.
• Augmented Reality (AR) is becoming big
• Privacy is issue n°1
• Meeting next week, here
• Also on the watch list: W3C Widgets

CSS

Cool, Sassy, & Sexy

• Large improvements and additions over the past year
• Better selectors: :nth-of-type(n), [type^="dahut"], :last-child
• New properties and values: text and box shadows, gradients
• Font support is now available
• Animations, transformations, transitions are coming piece by piece

CSS Is Also For XML

It Might Be Wrong But It Feels So Right

• People too often think that it's just for HTML
• Demo: CSS Monster
• Demo: Making DocBook Look Goooood

A Pause for Wisdom

Sunday Mediation

Designing pages in CSS is like having sex in a bathtub. If you don't know anything about sex, it won't do you any good to know a lot about bathtubs.

SVG

Darling of the Web

• SVG is now working well in browsers, as here
• The technology hasn't changed much since last year, still being digested
• SVG Open 2010 is in Paris, you should come! http://www.svgopen.org/2010/

SVG — Ready For Prime Time

More Wisdom For You Today

First they're ignored, then they're hyped, then they're written off for dead, then they start getting real work done.

--Brad Neuberg

SVG — Show Me Yours

Because It's Pretty

• Wanted to show more mundane things, because it's not all about madness
• Demo: from Open Clip Art Library (OCAL, http://www.openclipart.org/)
• Demo: Raphaël (http://raphaeljs.com/)
• More demos: http://svg-wow.org/

SVG Shim

Force-Upgrading People

shim: thin strip of material used to align parts, make them fit. Therefore, a piece of script to make things work properly.

• Two primary options:
• Ample SDK, all in Javascript, does more than just SVG (XUL, SMIL, XBL, XForms...): http://www.amplesdk.com/
• SVGWeb: emulates a lot of SVG on top of Flash, transparently: http://code.google.com/p/svgweb/
• Reverse shim: Gordon, implements SWF Flash using SVG and Canvas: http://paulirish.com/work/gordon/demos/

The Rumour

You Heard It Here First

• MIX Conference next week
• Microsoft might just announce IE9, supporting:
• SVG
• canvas
• HTML5 audio/video
• some CSS3
• ...
• but of course, it's just a rumour

X3D & WebGL

From WWW to XZY

• X3D has been around for a while, but hasn't met with wide Web success
• WebGL is a Khronos project that is adding an OpenGL-like API to canvas
• Some crazy people decided that the two should meet: X3DOM (http://x3dom.org/)
• Demo: X3DOM examples

Don't Ask What Browsers Can Do For You

You Can Fool One Implementer One Time

• Browsers add new features relatively slowly
• And they become bloated
• You can mix a lot of the above to great effect
• XBL is a missing part (though Ample SDK has an emulation), but there's a lot to work with
• Demo: JayTracer — a JS raytracer in 250 lines

Thank you!

This is the best conference, you're the best audience!