Extensions are not the only way to do prototypes. Some ideas are more easily implemented as web content. Canvas lets your javascript code treat part of the page like a blank piece of paper and scribble all over it with drawing primitives, doing things right in the web page that could previously only be done in plugins like Flash. Canvas can be a very quick way to prototype new and innovative user interfaces; this session will teach you how.

Tutorial Files:
design-challenge.mozilla.com/spring09/files/prototypes_with_canvas.zip

More videos from the Mozilla Labs Design Challenge - Spring 09:
vimeo.com/channels/designchallenge
  • explodingbat 7 months ago
    To use the Canvas element within the interface (eg to make an extension that adds a sidebar containing a canvas) use the "html:canvas" element; google "xul canvas" for more info.
  •  
This conversation is missing your voice. Take five seconds to join Vimeo or log in.

Advertisement

Statistics

  •  
    plays
    likes
    comments
  • Total
    plays 257
    likes 3
    comments 2
  • Nov 24th
    plays 0
    likes 0
    comments 0
  • Nov 23rd
    plays 1
    likes 0
    comments 0
  • Nov 22nd
    plays 1
    likes 0
    comments 0
  • Nov 21st
    plays 2
    likes 0
    comments 0
  • Nov 20th
    plays 0
    likes 0
    comments 0
  • Nov 19th
    plays 0
    likes 0
    comments 0
  • Nov 18th
    plays 0
    likes 0
    comments 0
  • Nov 17th
    plays 0
    likes 0
    comments 0
Previous Week

Downloads

Please join Vimeo or log in to download the original file. It only takes a few seconds.