{"action":"created","issue":{"url":"https://api.github.com/repos/DesignerNews/pixel-picker/issues/2","labels_url":"https://api.github.com/repos/DesignerNews/pixel-picker/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/DesignerNews/pixel-picker/issues/2/comments","events_url":"https://api.github.com/repos/DesignerNews/pixel-picker/issues/2/events","html_url":"https://github.com/DesignerNews/pixel-picker/pull/2","id":97347015,"number":2,"title":"Use Canvas Instead","user":{"login":"noahbuscher","id":4841586,"avatar_url":"https://avatars.githubusercontent.com/u/4841586?v=3","gravatar_id":"","url":"https://api.github.com/users/noahbuscher","html_url":"https://github.com/noahbuscher","followers_url":"https://api.github.com/users/noahbuscher/followers","following_url":"https://api.github.com/users/noahbuscher/following{/other_user}","gists_url":"https://api.github.com/users/noahbuscher/gists{/gist_id}","starred_url":"https://api.github.com/users/noahbuscher/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/noahbuscher/subscriptions","organizations_url":"https://api.github.com/users/noahbuscher/orgs","repos_url":"https://api.github.com/users/noahbuscher/repos","events_url":"https://api.github.com/users/noahbuscher/events{/privacy}","received_events_url":"https://api.github.com/users/noahbuscher/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-07-26T20:20:32Z","updated_at":"2015-07-29T23:40:43Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/DesignerNews/pixel-picker/pulls/2","html_url":"https://github.com/DesignerNews/pixel-picker/pull/2","diff_url":"https://github.com/DesignerNews/pixel-picker/pull/2.diff","patch_url":"https://github.com/DesignerNews/pixel-picker/pull/2.patch"},"body":"I migrated everything over to a canvas element, instead of using tons of separate elements for the pixels. Most stuff stayed the same, but the biggest differences are:\r\n\r\n- To make a canvas for pixel picker, just use something like `<canvas width=\"300\" height=\"300\" id=\"pixel-picker\"></canvas>`\r\n- Cell data is stored in objects, instead of the 2D array; this way you can see the positions of the cells on the canvas; not totally necessary, but I find it helpful and it saves you from needing to calculate the cell position\r\n- No more CSS file needed\r\n- To specify cell size, just use the `size` param in the settings object\r\n- To specify cell border color, just use the `borderColor` param in the settings object\r\n- Quick example added\r\n\r\nAnd yes, the README is updated and comments are added, in compliance with the existing code style."},"comment":{"url":"https://api.github.com/repos/DesignerNews/pixel-picker/issues/comments/126128931","html_url":"https://github.com/DesignerNews/pixel-picker/pull/2#issuecomment-126128931","issue_url":"https://api.github.com/repos/DesignerNews/pixel-picker/issues/2","id":126128931,"user":{"login":"noahbuscher","id":4841586,"avatar_url":"https://avatars.githubusercontent.com/u/4841586?v=3","gravatar_id":"","url":"https://api.github.com/users/noahbuscher","html_url":"https://github.com/noahbuscher","followers_url":"https://api.github.com/users/noahbuscher/followers","following_url":"https://api.github.com/users/noahbuscher/following{/other_user}","gists_url":"https://api.github.com/users/noahbuscher/gists{/gist_id}","starred_url":"https://api.github.com/users/noahbuscher/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/noahbuscher/subscriptions","organizations_url":"https://api.github.com/users/noahbuscher/orgs","repos_url":"https://api.github.com/users/noahbuscher/repos","events_url":"https://api.github.com/users/noahbuscher/events{/privacy}","received_events_url":"https://api.github.com/users/noahbuscher/received_events","type":"User","site_admin":false},"created_at":"2015-07-29T23:40:43Z","updated_at":"2015-07-29T23:40:43Z","body":"@jodyheavener Awesome! I'm getting close on the responsive canvas; trying to find the most efficient solution."}}