The big addition in the upcoming TopStyle 3.5 is a "preview spy" feature which exposes an HTML tag's margins, padding and content box as you mouse over it in the preview.
Watch a Flash movie of this feature
Trouble is, I don't know what to call this feature. "Preview spy" isn't exactly exciting - it's bland, whereas I think this feature is pretty cool. CSSEdit for the Mac has a somewhat similar feature called "X-Ray," but I'm not wild about stealing the name from someone else's software.
Can anyone recommend a better name?
Update: OK, I've settled on the name "Box Spy" for this feature. Many thanks for all the great suggestions!
Trail? Grail? Holy Grail (batman)!
Posted by: brett | Friday, June 29, 2007 at 12:37 PM
Probably lame, but what about something like "Box Model Magic" or "Magic Box?"
Posted by: josephdietrich | Friday, June 29, 2007 at 01:09 PM
Or "Element Skeleton."
Posted by: josephdietrich | Friday, June 29, 2007 at 01:16 PM
"Covert Style Spy" Keeps the CSS theme...
Posted by: Mike Hamilton | Friday, June 29, 2007 at 01:33 PM
how about "StyleView"?
Posted by: Christopher Martin | Friday, June 29, 2007 at 01:39 PM
Personally, I call it "Frickin' Sweet!" :)
Hmm... being serious - "Layout Inspector"?
Posted by: critter42 | Friday, June 29, 2007 at 02:25 PM
"Frickin sweet" works for me. That way, when people ask me where to find this feature, I can simply tell them to press the frickin' sweet button.
Posted by: Nick Bradbury | Friday, June 29, 2007 at 02:27 PM
@Joseph: hadn't thought about using the word "skeleton" in the name - that could work well, since it really does expose a document's skeleton.
Posted by: Nick Bradbury | Friday, June 29, 2007 at 02:28 PM
"Recon" short for Reconnaissance.
Posted by: johnkingo | Friday, June 29, 2007 at 02:31 PM
How about BoX-Ray?
Posted by: Jason Grunstra | Friday, June 29, 2007 at 03:04 PM
This looks great! - How about StyleScope?
[as in "looking at the style through a telescope or a microscope" -- better than "monkey see, monkey do" anyway! :-) ]
Can't wait to see the final upgrade!!!
Posted by: David Sims | Friday, June 29, 2007 at 03:14 PM
Firebug calls it "Layout". The Safari3/Windows inspector calls it Metrics.
Posted by: RichB | Friday, June 29, 2007 at 04:06 PM
Hi Nick,
for the record, we implemented a feature called X-Ray that was not unlike this in Style Master in 2004 - so there's no drama of stealing it from CSSEdit,
john
Posted by: John Allsopp | Friday, June 29, 2007 at 04:17 PM
Just to clarify, I'm not accusing anyone of "stealing" (imitation is the sincerest form of flattery and all that) - just like to set the record straight ;-)
j
Posted by: John Allsopp | Friday, June 29, 2007 at 04:35 PM
This feature is directly related to the official W3 "Box Model", so it would seem appropriate to incorporate the word "Box" somehow.
How about: "Box View", "Box Viewer", "Boxy view" or maybe "Boxinator"?
Posted by: ridgerunner | Friday, June 29, 2007 at 04:41 PM
Unless you don't want to call it "PantsDown" my vote goes to "StyleScope" mentioned above. Sounds cool.
Posted by: yumyum | Friday, June 29, 2007 at 04:48 PM
How about "Clearview"? The view clarifies all.
Posted by: Ted | Friday, June 29, 2007 at 04:59 PM
My vote: BorderSpy
Posted by: Mark Woodman | Friday, June 29, 2007 at 05:12 PM
I like StyleSpy.
StyleSync may be a close second
StyleLink.
StyleLock Holmes ;)
StyleDigger
EditorSync
But I like StyleSpy best.
Posted by: A completely anonymous reader (Randy Peterman) | Friday, June 29, 2007 at 05:27 PM
Box Clever
Posted by: CL | Friday, June 29, 2007 at 05:35 PM
Wow - there are tons of great suggestions here. Thanks, folks!
I like "Style Spy" a lot, but I'm not sure that really describes what it does. "Box Spy" or "Layout Spy" are probably more accurate.
Posted by: Nick Bradbury | Friday, June 29, 2007 at 05:48 PM
I think including the word "inspector" is a good idea - but then I'm a huge firebug fan ;)
a few variations:
box inspector
document inspector
layout inspector
or reverse them:
inspect boxes
inspect layout
Posted by: Andrew Herron | Friday, June 29, 2007 at 09:06 PM
"Inspector" is a great name - but there's already a "tag/style inspector" in TopStyle, so I don't think it would work in this feature's name.
Posted by: Nick Bradbury | Friday, June 29, 2007 at 10:08 PM
How about Expose or Outline for the name.
Looks nice. A firefox plugin allows something similar and also tells you specifically which CSS elements are affecting the specific place you are highlighting.
Posted by: Tim | Friday, June 29, 2007 at 10:27 PM
How about red eye
Posted by: Laura mcCallum | Saturday, June 30, 2007 at 02:06 AM
or Red-I
Posted by: Laura mcCallum | Saturday, June 30, 2007 at 02:08 AM
Hey, "Red Eye" (or "Red-I") is a great name - I might use that one, thanks!
Posted by: Nick Bradbury | Saturday, June 30, 2007 at 07:14 AM
Hi Nick, just change the spelling around a little - X-Ray or x-ray , and neither I nor Apple will mind :-). Or compound it: "Tag X-ray".
Posted by: Rainer Brockerhoff | Saturday, June 30, 2007 at 08:54 AM
"Box" something... Like others pointed out, you're revealing the boxes for an element, so I'd go with box somewhere in the name.
Box Spy, Box Revealer...
Cute names shouldn't take precedence over instantly understandable names, IMHO.
Posted by: Mark Sicignano | Saturday, June 30, 2007 at 10:13 AM
How about 'Cloak' or 'CSS Cloak' ? How soon can we get our hands on the beta :-)
Posted by: Matt | Saturday, June 30, 2007 at 10:49 AM
The suggested StyleScope has charms, but here are a few other ideas, in my order of precendece:
1) TagFlag
2) CSSinspector
3) ExCeSS
Sharon
Posted by: Sharon S. Gaughan | Saturday, June 30, 2007 at 07:46 PM
@JohnA: you're right - Style Master also has an X-Ray feature. Apologies for the oversight!
Posted by: Nick Bradbury | Saturday, June 30, 2007 at 10:09 PM
Box Model Inpector
Box Model Viewer
Box Model Revealer
If you really want to knock people's socks off, make it a 3D Box Model Viewer.
Maybe give it a "Print 3D Box..." too, that would help kill a lot of time consuming discussion about a design.
Posted by: Mike Gale | Sunday, July 01, 2007 at 12:21 AM
BoxCamera - it shows you a picture of the box model.
But CL's BoxClever is very nice.
Posted by: Roy Reed | Sunday, July 01, 2007 at 05:25 AM
The Opera browser has a view called "Show structural elements" that does a similar (but not nearly as integrated) thing.
That said, that name is non-obvious.
Style Spy gets my vote.
--Brad Einarsen
Posted by: Brad Einarsen | Sunday, July 01, 2007 at 02:13 PM
How about "css-p hints"? Doesn't sound as cool as "x-ray", but it is pretty short and descriptive.
Posted by: Stefan van As | Monday, July 02, 2007 at 03:34 AM
How about something like 'Topographic view', a bit of a mouthful perhaps, but it seems quite meaningful?
Posted by: simon | Monday, July 02, 2007 at 04:08 AM
Ok folks, I've settled on "Box Spy" as the name for this feature. It's not as cool or catchy as some of the recommendations here, but I think it describes the feature quite well. Many thanks to everyone who commented here!
Posted by: Nick Bradbury | Tuesday, July 03, 2007 at 11:39 AM
Hmm,
the list of excellent name I think could be:
Tag Inspector
Tag Spy
Tag Ray
QuickPreview
SexyPreview
PussyView ?
Posted by: singaporesmartie | Monday, July 16, 2007 at 12:38 PM