Closed
Bug 1345300
Opened 8 years ago
Closed 7 years ago
[meta] Feedback on Grid Inspector Tool
Categories
(DevTools :: Inspector, enhancement, P3)
DevTools
Inspector
Tracking
(Not tracked)
RESOLVED
FIXED
People
(Reporter: jensimmons, Unassigned)
References
(Blocks 1 open bug)
Details
(Keywords: DevAdvocacy, meta, Whiteboard: [DevRel:P1])
I thought I'd open a ticket to collect overall feedback on the CSS Grid Inspector developer tool.
This is where we can post feedback that should get considered, and if applicable, broken out into actionable tickets. There is nothing specifically actionable here (beyond, hey please read/watch/consider this.)
Reporter | ||
Comment 1•8 years ago
|
||
I recorded a video giving my overall feedback on the current state of the tool in Nightly, on March 7th.
https://vimeo.com/207384436/fafee3f805
And I recorded a second video with thoughts about how to evolve the ability to change colors in a color palette.
https://vimeo.com/207384360/fca016adfa
Reporter | ||
Comment 2•8 years ago
|
||
I drew a sketch of how the numbers might look if we make them bigger, center them to the lines, make them bold, and let them change colors with the line color. That's Helvetica bold 21px.
Current look:
https://monosnap.com/file/HE6kftr5kJ6DjbpPlWe5BhN5aOSpSF.png
Proposed look (a draft):
https://monosnap.com/file/T0RejZDp98V21uEattOWXGOMZUUpTK.png
I also think that when the lines extend, the numbers should stay where they are in that second drawing, and not move to the outer edges of the browser window.
Reporter | ||
Comment 3•8 years ago
|
||
This isn't the first time I'll say this, and it won't be the last, but I demoed the Grid Inspector tool in Nightly last night for 30 people in NYC at the CSS Layout Club meetup I run, and people were super excited. Lots of ooooohs and aaaaaaaahs. I know we are on the right track with the progress of this tool. It's already very helpful, and will only get better and better. I'm very glad we are doing this.
And some feedback on Twitter:
"Firefox's Grid inspector is literally an argument for using Grid over other positioning methods." — https://twitter.com/bdc/status/839756711141519361
"This is cool. The Firefox Grid Inspector tool is going to come in handy!" — https://twitter.com/alistairtweedie/status/839808638726324224
:D
Comment 4•8 years ago
|
||
Inspector bug triage P3/meta (filter on CLIMBING SHOES).
Keywords: meta
Priority: -- → P3
Reporter | ||
Comment 5•8 years ago
|
||
I'm working on this demo:http://labs.jensimmons.com/2017/01-009L.html
which involves explicitly placing items on a grid that's getting very tall. I can't see the column numbers because the top of the grid is scrolled far out of view.
I'm wishing the numbers were position: fixed or sticky or something so that they would be at the top of the grid container unless the container top / side is off screen, in which case the numbers stick and continue to show.
Oh, that also makes me think maybe the numbers should be on all four sides — not just the top and left. How about also on the right, also on the bottom.
But sticky. That would be good.
Reporter | ||
Comment 6•8 years ago
|
||
I had thoughts about the Layout Panel this morning, so I recorded this video to explain: https://vimeo.com/211509502/0197823fb7
Comment 7•8 years ago
|
||
(In reply to Jen Simmons [:jensimmons] from comment #6)
> I had thoughts about the Layout Panel this morning, so I recorded this video
> to explain: https://vimeo.com/211509502/0197823fb7
Thanks Jen.
I filed bug 1359761 for the alignment problem.
I filed bug 1359759 for moving the outline to the bottom (I sort of agree with you about the usefulness of this outline, but it will become much more useful soon: it will show grid areas, and be able to highlight line names, etc.. so it will become a navigation tool that will help people see right away were interesting things are in the grid. Although I agree with you, let's move it down because it pushing down the rest of the UI is really bad).
I filed bug 1359763 for persisting the state of the collapsible box-model and grid panels.
Reporter | ||
Comment 8•7 years ago
|
||
I just did a six-hour workshop for 200 people at An Event Apart Boston — on Writing Modes, Alignment, Logical Properties, CSS Grid, Flexbox and more (mostly Grid). I showed everyone the new (current in Nightly behind a setting) CSS Grid Inspector, and people are really excited about it.
Jeffrey Zeldman said in reaction "The Grid Inspector in Firefox is sweet, but the next generation version (now in beta in nightly) is amazing." — https://twitter.com/zeldman/status/864857300326113281
I thought you might want to hear.... it's great work, everyone. People are going to use this tool a lot.
Comment 9•7 years ago
|
||
Thanks Jen! We really appreciate it!
Reporter | ||
Comment 10•7 years ago
|
||
Closing. Feedback is communicated in other ways now. Thanks.
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → FIXED
Updated•6 years ago
|
Product: Firefox → DevTools
You need to log in
before you can comment on or make changes to this bug.
Description
•