Closed Bug 1345300 Opened 8 years ago Closed 7 years ago

[meta] Feedback on Grid Inspector Tool

Categories

(DevTools :: Inspector, enhancement, P3)

enhancement

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.)
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
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.
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
Inspector bug triage P3/meta (filter on CLIMBING SHOES).
Keywords: meta
Priority: -- → P3
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.
I had thoughts about the Layout Panel this morning, so I recorded this video to explain: https://vimeo.com/211509502/0197823fb7
(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.
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.
Thanks Jen! We really appreciate it!
Closing. Feedback is communicated in other ways now. Thanks.
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → FIXED
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.