title: jQuery UI Draggable snap rulers
body: <p>I am setting up a drag and drop interface using jquery and jquery-ui. I've got element snapping working, which is nice, but now I'm trying to get elements to snap at a distance, using some sort of automatic temporary guide rulers.</p>
  
  <p>A very good implementation is on the mac version of Powerpoint. Here's a screenshot of a drag in progress:</p>
  
  <p><img src="https://imgur.com/QKrK6.png" /></p>
  
  <p>Is there some sort of jQuery plugin that exists for this? If there isn't a plugin, is there some easy way to draw lines that would be snap-able? Is there algorithm for dealing with calculating points and working out which lines to create?</p>