linear icon indicating copy to clipboard operation
linear copied to clipboard

add ruler marks and/or guides

Open radiovisual opened this issue 8 years ago • 7 comments

In your demonstration video, you use two different rulers to check the margins of a webpage element.

If Linear's rulers had ruler marks (the little lines that are usually on rulers):

ruler-marks and/or Linear's rulers had draggable guides (much like the guides you can drag out from rulers in Photoshop), then you could easily check the margins of an element with only one ruler.

For example, in the image below, I have shown draggable guides (in red) that show the guide's position (in px, relative to the edge of the ruler that the guide was dragged from), which can easily tell me that the web page element I am measuring is 10 pixels away from each of the ruler's edges:

drag-guides

Each guide would have a key piece of data attached to it: The distance (in px or em) from the ruler edge it was dragged from.

Adding draggable guides could turn this into a powerful tool for analyzing/troubleshooting the layout of webpages, and element the need to duplicate the rulers for checking balance.

Imagine a scenario where you want to check all the margins of an element (top, bottom, left and right). You can either try to manage 4 rulers on the page (being careful not to accidentally change the width or height of any of them), or manage one ruler instance with 4 guides. One ruler with 4 guides would be a lot easier!

radiovisual avatar Mar 26 '16 14:03 radiovisual