mozilla

Revision 326179 of Unicode File Error

  • Revision slug: Unicode_File_Error
  • Revision title: Unicode File Error
  • Revision id: 326179
  • Created:
  • Creator: jackblack
  • Is current revision? No
  • Comment

Revision Content

Myk Melez gave this tutorial presentation on developing extensions as part of the Mozilla Labs Design Challenge. It provides a quick introduction to the concept of extensions and proceeds to give you the basics on how to develop an extension.

Among the topics covered:

  • What are extensions, what can they do, and what are they made of?
  • How do you configure your development environment on Windows, Mac OS X, or Linux?
  • How do you construct an extension? What files and directories are needed?
  • How do you package and test your extension?
  • A simple extension is then built that inserts XUL into the main browser window using an overlay, styles it with CSS, listens for and handles a DOM event using JavaScript, and localizes its strings with both a DTD and a properties file.

Download the presentation slides.

Download the tutorial's files.

View the video (in Ogg format).

Revision Source

<p>Myk Melez gave this tutorial presentation on developing extensions as part of the Mozilla Labs Design Challenge. It provides a quick introduction to the concept of extensions and proceeds to give you the basics on how to develop an extension.</p>
<p>Among the topics covered:</p>
<ul>
  <li>What are extensions, what can they do, and what are they made of?</li>
  <li>How do you configure your development environment on Windows, Mac OS X, or Linux?</li>
  <li>How do you construct an extension? What files and directories are needed?</li>
  <li>How do you package and test your extension?</li>
  <li>A simple extension is then built that inserts XUL into the main browser window using an overlay, styles it with CSS, listens for and handles a DOM event using JavaScript, and localizes its strings with both a DTD and a properties file.</li>
</ul>
<p><a class="internal" href="/@api/deki/files/3386/=extension_bootcamp.pdf" title="/@api/deki/files/3386/=extension bootcamp.pdf">Download the presentation slides</a>.</p>
<p><a class="internal" href="/@api/deki/files/3387/=extension_bootcamp_tutorial.zip" title="/@api/deki/files/3387/=extension bootcamp tutorial.zip">Download the tutorial's files</a>.</p>
<p><a class="external" href="http://developer.mozilla.org/presentations/design_challenge_session_2-extension_bootcamp.ogv" title="http://developer.mozilla.org/presentations/design_challenge_session_2-extension_bootcamp.ogv">View the video (in Ogg format)</a>.</p>
Revert to this revision