Mozilla Developer Tools: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 51: Line 51:
*** CSS Reference
*** CSS Reference
*** XUL Reference
*** XUL Reference
* JS 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)
* ???
* ???



Revision as of 15:01, 18 October 2005

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 MDC
      • XHTML Reference
      • CSS Reference
      • XUL Reference
  • ???

Existing Developer Tools

Provided as a reference/source of ideas: