From working with CAD, PS, LR, CD, AI and blah blah blah - one thing they all is that they have an "object/layer manager" just like the Inspector Pane. So, this suggestion, comes from from working with this applications. I find it invaluable when working in CD, where there are hundred of objects, in dozens of groups and grouped groups - to have custom names and colors, and even visual cues to their attributes. I am sure the CC has plans for adding capabilities, and I hope some of these take interest.
- 1. Name the elements - custom or by class/ID or custom - to break up the long list of row/column/column........
- 2. Color code element by class or class/ID or custom or Div name like NAV - and allow these colors to overlay as an option in the design window.
- 3. Abbreviate the element names - this is necessary for custom names, Example: COL: My Navigation
- 4. "Group" elements automatically or custom, - for instance, a collection of rows could be grouped as "Top of Page." Divs whose tag was changed to Nav, the parent and children, would be grouped when adjacent in the page structure
- 5. Bring out the box model. I like applications that give a visual guide to the current box model.
- 6. Column Span/push/pull/Offset visual reference. As one hovers over an element or group, or drop down, a summary of its grid could appear. Useful to find that row that went astray. And for the Subgrids as well.
- 7. LOCK elements, groups that are parents or children of ID's If a group is locked, a user can get a warning that some class change elsewhere will effect this group. Either lock it out, or give a warning before proceeding.
- 8. Resize-able windows between the element structure and the CSS code.
- 9. Dual view window. Just a basic window to compare one page's element structure to another page's. When mashing a page up, there might come a time when to make it more orderly like its model page.