{"action":"created","issue":{"url":"https://api.github.com/repos/mozilla-services/pageshot/issues/173","labels_url":"https://api.github.com/repos/mozilla-services/pageshot/issues/173/labels{/name}","comments_url":"https://api.github.com/repos/mozilla-services/pageshot/issues/173/comments","events_url":"https://api.github.com/repos/mozilla-services/pageshot/issues/173/events","html_url":"https://github.com/mozilla-services/pageshot/issues/173","id":60285774,"number":173,"title":"Investigate Clipular","user":{"login":"brampitoyo","id":51007,"avatar_url":"https://avatars.githubusercontent.com/u/51007?v=3","gravatar_id":"","url":"https://api.github.com/users/brampitoyo","html_url":"https://github.com/brampitoyo","followers_url":"https://api.github.com/users/brampitoyo/followers","following_url":"https://api.github.com/users/brampitoyo/following{/other_user}","gists_url":"https://api.github.com/users/brampitoyo/gists{/gist_id}","starred_url":"https://api.github.com/users/brampitoyo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brampitoyo/subscriptions","organizations_url":"https://api.github.com/users/brampitoyo/orgs","repos_url":"https://api.github.com/users/brampitoyo/repos","events_url":"https://api.github.com/users/brampitoyo/events{/privacy}","received_events_url":"https://api.github.com/users/brampitoyo/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/mozilla-services/pageshot/labels/research","name":"research","color":"207de5"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-03-09T00:44:37Z","updated_at":"2015-03-11T16:40:59Z","closed_at":null,"body":"https://www.clipular.com\r\n\r\n![clipular](https://cloud.githubusercontent.com/assets/51007/6549556/51a830fe-c67a-11e4-81f8-9a9f9db88b6b.PNG)\r\n\r\nAlthough their interface can be a bit clunky (takes two click to highlight an area, takes two click to snapshot the entire page), they have the same basic idea as PageShot.\r\n\r\nPay particular attention to the way their Scissor Tool snap precisely to the edges of object (div, images, paragraphs). It makes snapping precise pixels very easy, but here’s the key difference: unlike many other tools with auto snap functionalities, Clipular’s allows you to select elements that aren’t right next to each other in the HTML code.\r\n\r\nThis means that it covers corner cases a lot better. I can select part of the content, plus the sidebar, very precisely and easily (http://www.clipular.com/c/5287276725665792.png?k=j9tybSUoFCTPA6fdIDYx9RJSXe4)"},"comment":{"url":"https://api.github.com/repos/mozilla-services/pageshot/issues/comments/78302180","html_url":"https://github.com/mozilla-services/pageshot/issues/173#issuecomment-78302180","issue_url":"https://api.github.com/repos/mozilla-services/pageshot/issues/173","id":78302180,"user":{"login":"ianb","id":44390,"avatar_url":"https://avatars.githubusercontent.com/u/44390?v=3","gravatar_id":"","url":"https://api.github.com/users/ianb","html_url":"https://github.com/ianb","followers_url":"https://api.github.com/users/ianb/followers","following_url":"https://api.github.com/users/ianb/following{/other_user}","gists_url":"https://api.github.com/users/ianb/gists{/gist_id}","starred_url":"https://api.github.com/users/ianb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ianb/subscriptions","organizations_url":"https://api.github.com/users/ianb/orgs","repos_url":"https://api.github.com/users/ianb/repos","events_url":"https://api.github.com/users/ianb/events{/privacy}","received_events_url":"https://api.github.com/users/ianb/received_events","type":"User","site_admin":false},"created_at":"2015-03-11T16:40:59Z","updated_at":"2015-03-11T16:40:59Z","body":"They are using the technique we talked about some – basically using element boundaries as the snap points.  \r\n\r\nI was thinking about the fact that those elements are scattered all over the page.  Do you snap to elements near your cursor?  I don't think we actually want that.  If I start in the top left and move to the bottom right, but there is something in the bottom left I want to include, then that bottom left element is a valid snap point.  Maybe the reasonable thing is to make a full grid of every reasonable boundary on the page and use that for snapping.\r\n\r\nI'm in the selection code right now, so I'll probably give this a try."}}