5
edits
Community:SummerOfCode17: Difference between revisions
Added Firefox DevTools project
(Added Firefox DevTools project) |
|||
| Line 83: | Line 83: | ||
| :mikedeboer, :dao | | :mikedeboer, :dao | ||
| | | | ||
|} | |||
== Firefox Developer Tools == | |||
{| class="standard-table" border="1" style="border-collapse: collapse" | |||
|- | |||
! Title | |||
! Details | |||
! Skills Needed | |||
! Reporter | |||
! Mentor(s) | |||
! Comments | |||
|- | |||
| Developer Tools for Designers | |||
| In Firefox Developer Tools, we're aiming to implement visual tools that will help developers and designers edit CSS properties visually. Since CSS is very declarative by nature, we can provide tools that are commonly found in designer tools in order to bridge the learning gap of new developers and designers learning CSS and allow them to edit complex CSS features such as CSS filters, blend, clip-path, layout, etc without knowing what the properties are. Going beyond editing CSS, we also need to think about how we can visually inspect the CSS style transformations that can impact the layout. Finally, we are looking for ways to better export and see the changes made in the Inspector tool so that we can take the work we have done in the Developer Tools and apply that to your local source files. | |||
| JavaScript, HTML, CSS, React, Redux | |||
| [[User:Gl|:gl]] | |||
| [[User:Gl|:gl]] | |||
| Starting meta bug for inspiration [https://bugzilla.mozilla.org/show_bug.cgi?id=1258390 Bug 1258390] | |||
|} | |} | ||