Canmove, confirm, emeritus
6,906
edits
Changes
m
no edit summary
There has been some talk about creating an "Official" suite of Mozilla Developer Tools. This page is intended to be used as a brainstorming "whiteboard" of sorts where we can all jot down and discuss ideas.
----
== What sorts of Developer Tools might we want? ==
=== Design/Development ===
* User Agent emulation
* Color eyedropper (hex and rgb colors)
* Something that makes complex CSS positioning less painful
=== Debugging ===
* DOM Inspector
* JavaScript debugger
* JavaScript console
* AJAX Debugger (not sure if this one makes sense at all)
* HTTP Headers inspector/viewer
* ???
=== Site Testing ===
* Validation Tools (XHTML, HTML, CSS, RSS, RDF, etc)
* Browser feature disabler (Cookies, Cache, JavaScript, CSS, Images, Popups, etc.)
* Window resizer (640x480, 800x600, etc)
* AJAX latency emulator
* ???
=== Accessibility Testing ===
* Screen reader emulation
* Visual impairment emulation (colorblindness, screen zoom testing...)
* Accessibility rules validation
* ???
=== Libraries/Toolkits ===
* AJAX Toolkit
* DHTML Libraries
=== Optimization/Cleanup Tools ===
* CSS Inspector/Optimizer
* Markup tidy tool
* ???
=== Security ===
* ???
=== Reference ===
* Developer Reference Sidebar
** akin to the old DevEdge sidebar, we get this request at lot at [http://developer.mozilla.org MDC]
*** XHTML Reference
*** CSS Reference
*** XUL Reference
*** ???
== Existing Developer Tools ==
Provided as a reference/source of ideas:
* [http://www.mozilla.org/projects/inspector/ DOMi]
* [http://www.mozilla.org/projects/venkman/ Venkman]
* [https://addons.mozilla.org/extensions/moreinfo.php?id=60 Web Developer Toolbar]
* [http://chrispederick.com/work/useragentswitcher/ User Agent Switcher]
* [http://www.kevinfreitas.net/extensions/measureit/ MeasureIt]
* [http://livehttpheaders.mozdev.org/ Live HTTP Headers]
* [http://www.karmatics.com/aardvark/ Aardvark]
* [http://www.iosart.com/firefox/colorzilla/index.html ColorZilla]
* [http://www.standards-schmandards.com/index.php?show/fangs Fangs]
* [https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&category=Developer%20Tools&id=697 View Formatted Source]
* [http://jennifermadden.com/scripts/ViewRenderedSource.html View Rendered Source]
----
== What sorts of Developer Tools might we want? ==
=== Design/Development ===
* User Agent emulation
* Color eyedropper (hex and rgb colors)
* Something that makes complex CSS positioning less painful
=== Debugging ===
* DOM Inspector
* JavaScript debugger
* JavaScript console
* AJAX Debugger (not sure if this one makes sense at all)
* HTTP Headers inspector/viewer
* ???
=== Site Testing ===
* Validation Tools (XHTML, HTML, CSS, RSS, RDF, etc)
* Browser feature disabler (Cookies, Cache, JavaScript, CSS, Images, Popups, etc.)
* Window resizer (640x480, 800x600, etc)
* AJAX latency emulator
* ???
=== Accessibility Testing ===
* Screen reader emulation
* Visual impairment emulation (colorblindness, screen zoom testing...)
* Accessibility rules validation
* ???
=== Libraries/Toolkits ===
* AJAX Toolkit
* DHTML Libraries
=== Optimization/Cleanup Tools ===
* CSS Inspector/Optimizer
* Markup tidy tool
* ???
=== Security ===
* ???
=== Reference ===
* Developer Reference Sidebar
** akin to the old DevEdge sidebar, we get this request at lot at [http://developer.mozilla.org MDC]
*** XHTML Reference
*** CSS Reference
*** XUL Reference
*** ???
== Existing Developer Tools ==
Provided as a reference/source of ideas:
* [http://www.mozilla.org/projects/inspector/ DOMi]
* [http://www.mozilla.org/projects/venkman/ Venkman]
* [https://addons.mozilla.org/extensions/moreinfo.php?id=60 Web Developer Toolbar]
* [http://chrispederick.com/work/useragentswitcher/ User Agent Switcher]
* [http://www.kevinfreitas.net/extensions/measureit/ MeasureIt]
* [http://livehttpheaders.mozdev.org/ Live HTTP Headers]
* [http://www.karmatics.com/aardvark/ Aardvark]
* [http://www.iosart.com/firefox/colorzilla/index.html ColorZilla]
* [http://www.standards-schmandards.com/index.php?show/fangs Fangs]
* [https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&category=Developer%20Tools&id=697 View Formatted Source]
* [http://jennifermadden.com/scripts/ViewRenderedSource.html View Rendered Source]
