DevTools/Features/ColorPicker
Status
Color Picker | |
Stage | Definition |
Status | ` |
Release target | ` |
Health | OK |
Status note | ` |
{{#set:Feature name=Color Picker
|Feature stage=Definition |Feature status=` |Feature version=` |Feature health=OK |Feature status note=` }}
Team
Product manager | Kevin Dangoor |
Directly Responsible Individual | Kevin Dangoor |
Lead engineer | ` |
Security lead | ` |
Privacy lead | ` |
Localization lead | ` |
Accessibility lead | ` |
QA lead | ` |
UX lead | ` |
Product marketing lead | ` |
Operations lead | ` |
Additional members | ` |
{{#set:Feature product manager=Kevin Dangoor
|Feature feature manager=Kevin Dangoor |Feature lead engineer=` |Feature security lead=` |Feature privacy lead=` |Feature localization lead=` |Feature accessibility lead=` |Feature qa lead=` |Feature ux lead=` |Feature product marketing lead=` |Feature operations lead=` |Feature additional members=` }}
Open issues/risks
`
Stage 1: Definition
1. Feature overview
Choosing colors visually makes good sense, and a color picker would be a nice addition to our tools that let users change colors.
2. Users & use cases
`
3. Dependencies
`
4. Requirements
- Choose color in common color wheel style
- be able to convert between color units
- integration with the Style Editor and Style Inspector
Optional:
- Palette displayed from colors on the current page
- have a pane for creating gradients
Non-goals
It is not necessary that this color picker be the same as the one used for input type="color".
Stage 2: Design
5. Functional specification
This Color Picker vs. type="color"
HTML5 defines an input type of "color" which can provide the user with a color picker. bug 547004 is for implementing this HTML5 element.
Using this work will give us a quick way to choose a color, but not necessarily the best way.
Non-developer users just want to pick a color visually. Developers may want to be able to paste in color values from elsewhere or quickly pick from the colors already on the page.
6. User experience design
`
Stage 3: Planning
7. Implementation plan
`
8. Reviews
Security review
`
Privacy review
`
Localization review
`
Accessibility
`
Quality Assurance review
`
Operations review
`
Stage 4: Development
9. Implementation
`
Stage 5: Release
10. Landing criteria
` {{#set:Feature open issues and risks=` |Feature overview=Choosing colors visually makes good sense, and a color picker would be a nice addition to our tools that let users change colors. |Feature users and use cases=` |Feature dependencies=` |Feature requirements=# Choose color in common color wheel style
- be able to convert between color units
- integration with the Style Editor and Style Inspector
Optional:
- Palette displayed from colors on the current page
- have a pane for creating gradients
|Feature non-goals=It is not necessary that this color picker be the same as the one used for input type="color". |Feature functional spec===== This Color Picker vs. type="color" ====
HTML5 defines an input type of "color" which can provide the user with a color picker. bug 547004 is for implementing this HTML5 element.
Using this work will give us a quick way to choose a color, but not necessarily the best way.
Non-developer users just want to pick a color visually. Developers may want to be able to paste in color values from elsewhere or quickly pick from the colors already on the page. |Feature ux design=` |Feature implementation plan=` |Feature security review=` |Feature privacy review=` |Feature localization review=` |Feature accessibility review=` |Feature qa review=` |Feature operations review=` |Feature implementation notes=` |Feature landing criteria=` }}
Feature details
Priority | P2 |
Rank | 6 |
Theme / Goal | ` |
Roadmap | Developer Tools |
Secondary roadmap | ` |
Feature list | Desktop |
Project | ` |
Engineering team | DevTools |
{{#set:Feature priority=P2
|Feature rank=6 |Feature theme=` |Feature roadmap=Developer Tools |Feature secondary roadmap=` |Feature list=Desktop |Feature project=` |Feature engineering team=DevTools }}
Team status notes
status | notes | |
Products | ` | ` |
Engineering | ` | ` |
Security | ` | ` |
Privacy | ` | ` |
Localization | ` | ` |
Accessibility | ` | ` |
Quality assurance | ` | ` |
User experience | ` | ` |
Product marketing | ` | ` |
Operations | ` | ` |
{{#set:Feature products status=`
|Feature products notes=` |Feature engineering status=` |Feature engineering notes=` |Feature security status=` |Feature security health=` |Feature security notes=` |Feature privacy status=` |Feature privacy notes=` |Feature localization status=` |Feature localization notes=` |Feature accessibility status=` |Feature accessibility notes=` |Feature qa status=` |Feature qa notes=` |Feature ux status=` |Feature ux notes=` |Feature product marketing status=` |Feature product marketing notes=` |Feature operations status=` |Feature operations notes=` }}