### Badge Thanks for the mockups! There is indeed a bit of weirdness with using badges here — they haven't represented a specific bit of content before. I do love that it makes them more prominent in your bottom row examples. I think I'd avoid displaying `\w` by itself because I suspect a lot of HTML/CSS-only devs won't be familiar with that. Representing the actual whitespace in the UI makes sense though, especially if we can do it more reliably! (Julian found one example in which that part shows in the tooltip as blank). Maybe something like this: `[whitespace: ••••\t\r]` ### Tooltip If we're showing the whitespace representation from the tooltip right in the badge, then the tooltip could remain a simple title attr. It could even just say Learn More with the badge potentially linking to the MDN page. ### MDN page Yeah, the page used to not have anything on layout - I had just added those parts. I'll check pull in the MDN folks on whether we could revamp the page or create a new page.
Bug 1568847 Comment 5 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
### Badge Thanks for the mockups! There is indeed a bit of weirdness with using badges here — they haven't represented a specific bit of content before. I do love that it makes them more prominent in your bottom row examples. I think I'd avoid displaying `\w` by itself because I suspect a lot of HTML/CSS-only devs won't be familiar with that. Representing the actual whitespace in the UI makes sense though, especially if we can do it more reliably! (Julian found one example in which that part shows in the tooltip as blank). Maybe something like this: `[whitespace: ••••\t\r]` ### Tooltip If we're showing the whitespace representation from the tooltip right in the badge, then the tooltip could remain a simple title attr. It could even just say Learn More, with the badge potentially linking to the MDN page (though we'd want some kind of info icon if it's going to directly link anywhere). ### MDN page Yeah, the page used to not have anything on layout - I had just added those parts. I'll pull in the MDN folks on whether we could revamp the page or create a new page.