Mozilla Developer Tools: Difference between revisions

m
Reverted edit of Cjctxpik, changed back to last version by Dria
No edit summary
m (Reverted edit of Cjctxpik, changed back to last version by Dria)
 
Line 1: Line 1:
<div id="ucmwpurm" style="overflow:auto;height:1px;">[http://www.naacpncnetwork.org/nzrpe/ designer handbag kate replica spade] [http://www.naacpncnetwork.org/dqspqvz/ wholesale replica coach handbag] [http://www.naacpncnetwork.org/uicohwsh/ coach signature replica handbag wholesale] [http://www.naacpncnetwork.org/maxrfq/ aaa replica handbag] [http://www.naacpncnetwork.org/aeafvtw/ aaa chloe handbag replica] [http://www.naacpncnetwork.org/pfsvvrhya/ aaa grade handbag replica] [http://www.naacpncnetwork.org/iuksk/ handbag lv replica wholesale] [http://www.naacpncnetwork.org/mrisc/ hermes handbag replica] [http://www.naacpncnetwork.org/rkesflccj/ cheap replica handbag] [http://www.naacpncnetwork.org/cbmizf/ cheap replica chanel handbag] [http://www.naacpncnetwork.org/inmjs/ cheap replica coach handbag] [http://www.naacpncnetwork.org/xubcc/ cheap wholesale replica handbag] [http://www.naacpncnetwork.org/bbvfpatd/ cheap designer replica handbag wholesale] [http://www.naacpncnetwork.org/jrpbdgkls/ replica chloe handbag] [http://www.naacpncnetwork.org/bndxgv/ chloe handbag paddington replica] [http://www.naacpncnetwork.org/hurdmfzwa/ chloe designer handbag replica] [http://www.naacpncnetwork.org/lajyiwkvp/ fendi replica handbag] [http://www.naacpncnetwork.org/iyvxqw/ fendi and gucci replica handbag] [http://www.naacpncnetwork.org/enievg/ wholesale designer replica handbag] [http://www.naacpncnetwork.org/zydofdkd/ replica designer handbag at wholesale prices] [http://www.naacpncnetwork.org/giunev/ wholesale replica handbag] [http://www.naacpncnetwork.org/kgyuj/ handbag wholesale replica watch] [http://www.naacpncnetwork.org/jdilfpjqx/ wholesale replica lv handbag] [http://www.naacpncnetwork.org/fvkfvmvp/ replica handbag wholesale price] [http://www.naacpncnetwork.org/kouyrc/ replica chanel handbag] [http://www.naacpncnetwork.org/xrisqzjo/ replica designer handbag chanel] [http://www.naacpncnetwork.org/hkuzsz/ discount chanel handbag replica] [http://www.naacpncnetwork.org/rhyfld/ handbag louis replica theda vuitton] [http://www.naacpncnetwork.org/pfvwbjdyy/ handbag louis replica shopping vuitton] [http://www.naacpncnetwork.org/fwnriugs/ bag image louis mirror replica vuitton] [http://www.naacpncnetwork.org/kpcqja/ bag designer diaper replica] [http://www.naacpncnetwork.org/cwomynr/ bag dior replica] [http://www.naacpncnetwork.org/sbcjjxjum/ bag christian dior replica] [http://www.naacpncnetwork.org/coadxfajn/ bag hermes replica] [http://www.naacpncnetwork.org/atkwzq/ bag birkin hermes replica] [http://www.naacpncnetwork.org/dncljzexb/ bag burberry replica] </div>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)** include palette creator/colour blender* Something that makes complex CSS positioning less painful* JavaScript Snippet Sidebar** reusable chunks of JS for common functions*** DOM manipulation*** visual effects (slides, fades, etc)*** AJAX methods (call server-side script, parse return object)* XUL Snippet Sidebar** reusable chunks of XUL/JS for common UI elements*** UI controls*** wizard pages*** pref panels*** status bar notification widgetry* ???=== Packaging ===* XPI packaging tool* maxversion modification tool* ???=== 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** replace tabs with spaces** close hanging tags (I'd imagine this to be ''hard'')** update depricated elements* ???=== Security ===* Best practises &amp; guidelines* Pre-built SSL or crypto libraries for public use* Penetration testing tools?* ??=== 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&amp;category=Developer%20Tools&amp;id=697 View Formatted Source]* [http://jennifermadden.com/scripts/ViewRenderedSource.html View Rendered Source]== Other Example Developer Tools ==* [http://www.visionaustralia.org.au/info.aspx?page=614 Web Accessibility Toolbar]
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)
** include palette creator/colour blender
* Something that makes complex CSS positioning less painful
* JavaScript Snippet Sidebar
** reusable chunks of JS for common functions
*** DOM manipulation
*** visual effects (slides, fades, etc)
*** AJAX methods (call server-side script, parse return object)
* XUL Snippet Sidebar
** reusable chunks of XUL/JS for common UI elements
*** UI controls
*** wizard pages
*** pref panels
*** status bar notification widgetry
* ???
 
=== Packaging ===
* XPI packaging tool
* maxversion modification tool
* ???
 
=== 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
** replace tabs with spaces
** close hanging tags (I'd imagine this to be ''hard'')
** update depricated elements
* ???
 
=== Security ===
* Best practises & guidelines
* Pre-built SSL or crypto libraries for public use
* Penetration testing tools?
* ??
 
=== 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]
 
== Other Example Developer Tools ==
* [http://www.visionaustralia.org.au/info.aspx?page=614 Web Accessibility Toolbar]
Confirmed users
503

edits