DevTools/Features/CSSEditor

Feature	Status	ETA	Owner
CSS Editor	Resurrecting code	YYYY-MM-DD	Kevin Dangoor

Summary

The CSS Editor will allow users to edit their CSS and see the changes live. Work started during the Firefox 4 cycle and that work is going to be brought back and enhanced.

Team

You can find us on dev-apps-firefox or #devtools on irc.mozilla.org.

• Feature Manager: Kevin Dangoor (irc: kdangoor)
• Lead Developer: Cedric Vivier (irc: cedricv)
• Product Manager: Kevin Dangoor (irc: kdangoor)
• QA:
• UX:
• Security:

Release Requirements

Ideas (in no particular order) :

• Accessibility handling
• Ace integration
• GCLI integration (command to edit, command to jump to a rule)
• Save to file
• Persist changes across page reloads
• Refresh on significant changes (and undo/redo by significant change)
• Auto-completion
• Error detection
• Preview on hover for as many properties as possible (eg. font-style: Arial, Helvetica displays the names of the fonts with the actual fonts; font-size:12px or margin:12px shows how big is 12px, color shows the color...)
• Integration with Style Inspector
• CSS Transition/Animation stepping
• Media Queries filtering (eg. edit rules valid for media=screen screen-width<640px only)
• Integration with CSS doctor for highlighting non-applicable rules

Next Steps

• Determine current status
• Flesh out remaining scope
• Flesh out the team

Related Bugs & Dependencies

CSS Editor status

Designs

TBD

Use Cases

TBD

Test Plans

TBD

Goals/Use Cases

TBD

Non-Goals

TBD

Please remove this line and any non-relevant categories below. Add whatever other categories you feel are appropriate.