Visualizations in browsers

External references

• In stylesheets, presentation attributes
  • Eg 'fill: url(http://foobar.com/paints.svg#gradient)'
• All xlink:href references in svg can be external
  • For re-use of content: 'use', 'image' and 'animation'
  • Different rules for what they can reference
  • A few more examples: 'tref', 'textPath', 'mpath',
    'font-face-uri', 'feImage'

Browser Integration

• CSS backgrounds, list-images

  li { list-style-image: url(star.svg); }
  .top { background: url(gradient.svg) black; }

• Canvas [2d, 3d]
• Keyboard navigation

Editable text

• Create simple textfields

  hello
  hello]]>

• ...or advanced ones
• ...actually, nothing prevents you from going crazy

Video

• Clipped video
• Filtered video
• Just like to watch tv?

Thank you for watching.

Slides and examples will be available at:
http://my.opera.com/macdev_ed/