Penelope Developer Page: Difference between revisions

Jump to navigation Jump to search
Added development help section
m (Small clarification)
(Added development help section)
Line 205: Line 205:


Note that if you want to change the background image all you have to do is check in a new background.png file, and no changes to the <code>dsstore</code> file will be necessary.  The most likely changes someone will need to make to the <code>dsstore</code> file in the future will be to window size and/or location.
Note that if you want to change the background image all you have to do is check in a new background.png file, and no changes to the <code>dsstore</code> file will be necessary.  The most likely changes someone will need to make to the <code>dsstore</code> file in the future will be to window size and/or location.
== Development Help ==
=== Web Sites ===
There are a number of web sites out there for learning about the Mozilla platform and technologies.  Here are some that may be helpful.
The [http://developer.mozilla.org/ Mozilla Developer Center] contains lots of articles and references on all things Mozilla.  In particular the section on [http://developer.mozilla.org/docs/XUL XUL]is useful for extension developers.
[http://www.xulplanet.com XUL Planet] has full references for XUL, DOM, and XPCOM, as well as tutorials and guides.
[http://bonsai.mozilla.org/cvsqueryform.cgi Bonsai] is a web query mechanism in to the Mozilla CVS source code depot.  Here's a [http://bonsai.mozilla.org/cvsquery.cgi?treeid=default&module=all&branch=HEAD&branchtype=match&dir=mozilla%2Fpenelope&file=&filetype=match&sortby=Date&date=all&cvsroot=%2Fcvsroot  query] that will show you all Penelope changes.
The Mozilla Cross Reference (or mxr) provides both an [http://mxr.mozilla.org/mozilla/ indexed search engine] and a [http://mxr.mozilla.org/mozilla/source/ source browser] to the Mozilla code base.  Here you can browse the [http://mxr.mozilla.org/mozilla/source/penelope/ Penelope source code].
=== Tools ===
Here's some downloadable tools you can install to aide in the development process.
The [https://addons.mozilla.org/en-US/firefox/addon/216 Venkman JavaScript debbuger] is essential as a debugging tool to step through JavaScript code and look at variables while running.  For more info see the [http://developer.mozilla.org/docs/Venkman Venkman page on MDC].
[http://developer.mozilla.org/docs/DOM_Inspector DOM Inspector] allows you to browse and edit the document object model tree of UI elements.  You can download it [https://addons.mozilla.org/thunderbird/1806 here], but it only works for 2.0 versions of Thunderbird, not trunk versions.
[https://addons.mozilla.org/firefox/4453 Chrome List] lets you browse the chrome in an app.
The [http://ted.mielczarek.org/code/mozilla/extensiondev Extension Developer's Extension] holds a number of handy developer tools.
145

edits

Navigation menu