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 10 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

About this video

MOV
00:35:04
  • 872x480, 110.42MB
  • Uploaded Tue March 24, 2009
  • Please join or log in to download

Statistics

  •  
    plays
    likes
    comments
  • Total
    plays 271
    likes 3
    comments 2
  • Feb 10th
    plays 0
    likes 0
    comments 0
  • Feb 9th
    plays 1
    likes 0
    comments 0
  • Feb 8th
    plays 1
    likes 0
    comments 0
  • Feb 7th
    plays 0
    likes 0
    comments 0
  • Feb 6th
    plays 0
    likes 0
    comments 0
  • Feb 5th
    plays 0
    likes 0
    comments 0
  • Feb 4th
    plays 0
    likes 0
    comments 0
Previous Week