Page MenuHomePhabricator

Experiment with guideline markers in VisualEditor for mobile friendly content
Open, LowPublic

Description

While editing today, I was constantly resizing the window to get a sense for how my content might look on mobile.
I do this often with tables.
I wondered if we have considered annotating the editing area with guideline markers to make editors more aware of the constraints of content for mobile and tablets. I specifically find this useful when editing on desktop for content I want to be viewable on tablet and mobile that may feature large tables.

To give a rough idea of what I'm talking about:
vertical lines that can be toggled on and off within the editor (forgive my crude diagram but i just wanted to get across the idea).

Screen Shot 2016-03-17 at 11.34.57 AM.png (658×1 px, 113 KB)

Event Timeline

Wouldn't you want to preview all the mobile CSS, not just the width change?