{"action":"created","comment":{"url":"https://api.github.com/repos/DVELP/cookbook/pulls/comments/81509128","pull_request_review_id":2481562,"id":81509128,"diff_hunk":"@@ -0,0 +1,44 @@\n+# Front-end strategy\n+\n+### What we use\n+####Foundation 6 framework\n+Use only required components and libraries. We don't need to use normalize with Foundation 6, it included in foundation-global-styles mixin.\n+\n+####Grunt\n+Use grant tasks for creating svg sprites\n+\n+####Autoprefixer\n+Use Autoprefixer gem or Autoprefixer of [grunt-postcss](https://github.com/nDmitry/grunt-postcss) task in Shopify projects.\n+\n+####Bower\n+Use bower with bower installer for manage libraries and control their versions.\n+\n+####Front-man\n+It includes utilities classes, z-index variables and helpers for sprite and image tags.\n+\n+####Frequently used plugins\n+* [Lazysizes](https://github.com/aFarkas/lazysizes) Lazyloader for images, background images. Use only the necessary components. Usually the additional components is:\n+  ls.bgset.js - for responsive background images, \n+  ls.respimg.js - for cross browser responsive image support,\n+  lazysizes.js - main file\n+* [Slick](https://github.com/kenwheeler/slick) Plugin for sliders, carousel\n+* [Magnific Popup](https://github.com/dimsemenov/Magnific-Popup) jQuery Lightbox plugin.\n+\n+####Development and page optimization\n+* Mobile-First development method - it is more efficient and future-friendly.\n+* Svg files for sprites should be cleaned. Without extra tags like <clipPath>, <defs>, which can cause problems in IE browser, icons can't be displayed at all. If we need to change color of icons they should be cleaned of fill attributes or stroke,  depends on the type of icon.\n+* Use svg sprites.\n+* Optimize Images. All images (.jpg, .png) should be optimized. They can be saved for web via Photoshop at least or optimized using specialized services/tools.\n+* Put JS files at the bottom of page. \n+* Minimize HTTP Requests. JS and CSS files should be combined into a single file and minified.\n+* Avoid fixing layout with javascript. If there is an opportunity to do some features using only css styles better to do it without js.","path":"guides/Front-end-strategy.md","position":34,"original_position":34,"commit_id":"80a87d68129c03754c5770888e66afbdbe7fa1f7","original_commit_id":"80a87d68129c03754c5770888e66afbdbe7fa1f7","user":{"login":"pointlessone","id":7405,"avatar_url":"https://avatars.githubusercontent.com/u/7405?v=3","gravatar_id":"","url":"https://api.github.com/users/pointlessone","html_url":"https://github.com/pointlessone","followers_url":"https://api.github.com/users/pointlessone/followers","following_url":"https://api.github.com/users/pointlessone/following{/other_user}","gists_url":"https://api.github.com/users/pointlessone/gists{/gist_id}","starred_url":"https://api.github.com/users/pointlessone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pointlessone/subscriptions","organizations_url":"https://api.github.com/users/pointlessone/orgs","repos_url":"https://api.github.com/users/pointlessone/repos","events_url":"https://api.github.com/users/pointlessone/events{/privacy}","received_events_url":"https://api.github.com/users/pointlessone/received_events","type":"User","site_admin":false},"body":"Why doesn't this apply to HTML features? For instance lazysizes does what `picture` and `srcset` does.","created_at":"2016-10-03T08:32:00Z","updated_at":"2016-10-03T08:39:56Z","html_url":"https://github.com/DVELP/cookbook/pull/12#discussion_r81509128","pull_request_url":"https://api.github.com/repos/DVELP/cookbook/pulls/12","_links":{"self":{"href":"https://api.github.com/repos/DVELP/cookbook/pulls/comments/81509128"},"html":{"href":"https://github.com/DVELP/cookbook/pull/12#discussion_r81509128"},"pull_request":{"href":"https://api.github.com/repos/DVELP/cookbook/pulls/12"}}},"pull_request":{"url":"https://api.github.com/repos/DVELP/cookbook/pulls/12","id":72332294,"html_url":"https://github.com/DVELP/cookbook/pull/12","diff_url":"https://github.com/DVELP/cookbook/pull/12.diff","patch_url":"https://github.com/DVELP/cookbook/pull/12.patch","issue_url":"https://api.github.com/repos/DVELP/cookbook/issues/12","number":12,"state":"open","locked":false,"title":"created front-end strategy guide","user":{"login":"jtatarintseva","id":10049775,"avatar_url":"https://avatars.githubusercontent.com/u/10049775?v=3","gravatar_id":"","url":"https://api.github.com/users/jtatarintseva","html_url":"https://github.com/jtatarintseva","followers_url":"https://api.github.com/users/jtatarintseva/followers","following_url":"https://api.github.com/users/jtatarintseva/following{/other_user}","gists_url":"https://api.github.com/users/jtatarintseva/gists{/gist_id}","starred_url":"https://api.github.com/users/jtatarintseva/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jtatarintseva/subscriptions","organizations_url":"https://api.github.com/users/jtatarintseva/orgs","repos_url":"https://api.github.com/users/jtatarintseva/repos","events_url":"https://api.github.com/users/jtatarintseva/events{/privacy}","received_events_url":"https://api.github.com/users/jtatarintseva/received_events","type":"User","site_admin":false},"body":"","created_at":"2016-06-02T11:45:39Z","updated_at":"2016-10-03T08:39:56Z","closed_at":null,"merged_at":null,"merge_commit_sha":"d442ac4988126852ff9e22a6068e3fbf8d88f5d9","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/DVELP/cookbook/pulls/12/commits","review_comments_url":"https://api.github.com/repos/DVELP/cookbook/pulls/12/comments","review_comment_url":"https://api.github.com/repos/DVELP/cookbook/pulls/comments{/number}","comments_url":"https://api.github.com/repos/DVELP/cookbook/issues/12/comments","statuses_url":"https://api.github.com/repos/DVELP/cookbook/statuses/80a87d68129c03754c5770888e66afbdbe7fa1f7","head":{"label":"DVELP:front-end-strategy","ref":"front-end-strategy","sha":"80a87d68129c03754c5770888e66afbdbe7fa1f7","user":{"login":"DVELP","id":12951524,"avatar_url":"https://avatars.githubusercontent.com/u/12951524?v=3","gravatar_id":"","url":"https://api.github.com/users/DVELP","html_url":"https://github.com/DVELP","followers_url":"https://api.github.com/users/DVELP/followers","following_url":"https://api.github.com/users/DVELP/following{/other_user}","gists_url":"https://api.github.com/users/DVELP/gists{/gist_id}","starred_url":"https://api.github.com/users/DVELP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DVELP/subscriptions","organizations_url":"https://api.github.com/users/DVELP/orgs","repos_url":"https://api.github.com/users/DVELP/repos","events_url":"https://api.github.com/users/DVELP/events{/privacy}","received_events_url":"https://api.github.com/users/DVELP/received_events","type":"Organization","site_admin":false},"repo":{"id":43488442,"name":"cookbook","full_name":"DVELP/cookbook","owner":{"login":"DVELP","id":12951524,"avatar_url":"https://avatars.githubusercontent.com/u/12951524?v=3","gravatar_id":"","url":"https://api.github.com/users/DVELP","html_url":"https://github.com/DVELP","followers_url":"https://api.github.com/users/DVELP/followers","following_url":"https://api.github.com/users/DVELP/following{/other_user}","gists_url":"https://api.github.com/users/DVELP/gists{/gist_id}","starred_url":"https://api.github.com/users/DVELP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DVELP/subscriptions","organizations_url":"https://api.github.com/users/DVELP/orgs","repos_url":"https://api.github.com/users/DVELP/repos","events_url":"https://api.github.com/users/DVELP/events{/privacy}","received_events_url":"https://api.github.com/users/DVELP/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/DVELP/cookbook","description":"Our DVELP'ment cookbook!","fork":false,"url":"https://api.github.com/repos/DVELP/cookbook","forks_url":"https://api.github.com/repos/DVELP/cookbook/forks","keys_url":"https://api.github.com/repos/DVELP/cookbook/keys{/key_id}","collaborators_url":"https://api.github.com/repos/DVELP/cookbook/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/DVELP/cookbook/teams","hooks_url":"https://api.github.com/repos/DVELP/cookbook/hooks","issue_events_url":"https://api.github.com/repos/DVELP/cookbook/issues/events{/number}","events_url":"https://api.github.com/repos/DVELP/cookbook/events","assignees_url":"https://api.github.com/repos/DVELP/cookbook/assignees{/user}","branches_url":"https://api.github.com/repos/DVELP/cookbook/branches{/branch}","tags_url":"https://api.github.com/repos/DVELP/cookbook/tags","blobs_url":"https://api.github.com/repos/DVELP/cookbook/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/DVELP/cookbook/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/DVELP/cookbook/git/refs{/sha}","trees_url":"https://api.github.com/repos/DVELP/cookbook/git/trees{/sha}","statuses_url":"https://api.github.com/repos/DVELP/cookbook/statuses/{sha}","languages_url":"https://api.github.com/repos/DVELP/cookbook/languages","stargazers_url":"https://api.github.com/repos/DVELP/cookbook/stargazers","contributors_url":"https://api.github.com/repos/DVELP/cookbook/contributors","subscribers_url":"https://api.github.com/repos/DVELP/cookbook/subscribers","subscription_url":"https://api.github.com/repos/DVELP/cookbook/subscription","commits_url":"https://api.github.com/repos/DVELP/cookbook/commits{/sha}","git_commits_url":"https://api.github.com/repos/DVELP/cookbook/git/commits{/sha}","comments_url":"https://api.github.com/repos/DVELP/cookbook/comments{/number}","issue_comment_url":"https://api.github.com/repos/DVELP/cookbook/issues/comments{/number}","contents_url":"https://api.github.com/repos/DVELP/cookbook/contents/{+path}","compare_url":"https://api.github.com/repos/DVELP/cookbook/compare/{base}...{head}","merges_url":"https://api.github.com/repos/DVELP/cookbook/merges","archive_url":"https://api.github.com/repos/DVELP/cookbook/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/DVELP/cookbook/downloads","issues_url":"https://api.github.com/repos/DVELP/cookbook/issues{/number}","pulls_url":"https://api.github.com/repos/DVELP/cookbook/pulls{/number}","milestones_url":"https://api.github.com/repos/DVELP/cookbook/milestones{/number}","notifications_url":"https://api.github.com/repos/DVELP/cookbook/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/DVELP/cookbook/labels{/name}","releases_url":"https://api.github.com/repos/DVELP/cookbook/releases{/id}","deployments_url":"https://api.github.com/repos/DVELP/cookbook/deployments","created_at":"2015-10-01T09:30:46Z","updated_at":"2016-09-06T17:01:40Z","pushed_at":"2016-09-28T11:59:49Z","git_url":"git://github.com/DVELP/cookbook.git","ssh_url":"git@github.com:DVELP/cookbook.git","clone_url":"https://github.com/DVELP/cookbook.git","svn_url":"https://github.com/DVELP/cookbook","homepage":"","size":86,"stargazers_count":3,"watchers_count":3,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":5,"forks":0,"open_issues":5,"watchers":3,"default_branch":"master"}},"base":{"label":"DVELP:master","ref":"master","sha":"5b9e4c0ab53f15d33196fc3b70c76062a04219bb","user":{"login":"DVELP","id":12951524,"avatar_url":"https://avatars.githubusercontent.com/u/12951524?v=3","gravatar_id":"","url":"https://api.github.com/users/DVELP","html_url":"https://github.com/DVELP","followers_url":"https://api.github.com/users/DVELP/followers","following_url":"https://api.github.com/users/DVELP/following{/other_user}","gists_url":"https://api.github.com/users/DVELP/gists{/gist_id}","starred_url":"https://api.github.com/users/DVELP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DVELP/subscriptions","organizations_url":"https://api.github.com/users/DVELP/orgs","repos_url":"https://api.github.com/users/DVELP/repos","events_url":"https://api.github.com/users/DVELP/events{/privacy}","received_events_url":"https://api.github.com/users/DVELP/received_events","type":"Organization","site_admin":false},"repo":{"id":43488442,"name":"cookbook","full_name":"DVELP/cookbook","owner":{"login":"DVELP","id":12951524,"avatar_url":"https://avatars.githubusercontent.com/u/12951524?v=3","gravatar_id":"","url":"https://api.github.com/users/DVELP","html_url":"https://github.com/DVELP","followers_url":"https://api.github.com/users/DVELP/followers","following_url":"https://api.github.com/users/DVELP/following{/other_user}","gists_url":"https://api.github.com/users/DVELP/gists{/gist_id}","starred_url":"https://api.github.com/users/DVELP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DVELP/subscriptions","organizations_url":"https://api.github.com/users/DVELP/orgs","repos_url":"https://api.github.com/users/DVELP/repos","events_url":"https://api.github.com/users/DVELP/events{/privacy}","received_events_url":"https://api.github.com/users/DVELP/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/DVELP/cookbook","description":"Our DVELP'ment cookbook!","fork":false,"url":"https://api.github.com/repos/DVELP/cookbook","forks_url":"https://api.github.com/repos/DVELP/cookbook/forks","keys_url":"https://api.github.com/repos/DVELP/cookbook/keys{/key_id}","collaborators_url":"https://api.github.com/repos/DVELP/cookbook/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/DVELP/cookbook/teams","hooks_url":"https://api.github.com/repos/DVELP/cookbook/hooks","issue_events_url":"https://api.github.com/repos/DVELP/cookbook/issues/events{/number}","events_url":"https://api.github.com/repos/DVELP/cookbook/events","assignees_url":"https://api.github.com/repos/DVELP/cookbook/assignees{/user}","branches_url":"https://api.github.com/repos/DVELP/cookbook/branches{/branch}","tags_url":"https://api.github.com/repos/DVELP/cookbook/tags","blobs_url":"https://api.github.com/repos/DVELP/cookbook/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/DVELP/cookbook/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/DVELP/cookbook/git/refs{/sha}","trees_url":"https://api.github.com/repos/DVELP/cookbook/git/trees{/sha}","statuses_url":"https://api.github.com/repos/DVELP/cookbook/statuses/{sha}","languages_url":"https://api.github.com/repos/DVELP/cookbook/languages","stargazers_url":"https://api.github.com/repos/DVELP/cookbook/stargazers","contributors_url":"https://api.github.com/repos/DVELP/cookbook/contributors","subscribers_url":"https://api.github.com/repos/DVELP/cookbook/subscribers","subscription_url":"https://api.github.com/repos/DVELP/cookbook/subscription","commits_url":"https://api.github.com/repos/DVELP/cookbook/commits{/sha}","git_commits_url":"https://api.github.com/repos/DVELP/cookbook/git/commits{/sha}","comments_url":"https://api.github.com/repos/DVELP/cookbook/comments{/number}","issue_comment_url":"https://api.github.com/repos/DVELP/cookbook/issues/comments{/number}","contents_url":"https://api.github.com/repos/DVELP/cookbook/contents/{+path}","compare_url":"https://api.github.com/repos/DVELP/cookbook/compare/{base}...{head}","merges_url":"https://api.github.com/repos/DVELP/cookbook/merges","archive_url":"https://api.github.com/repos/DVELP/cookbook/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/DVELP/cookbook/downloads","issues_url":"https://api.github.com/repos/DVELP/cookbook/issues{/number}","pulls_url":"https://api.github.com/repos/DVELP/cookbook/pulls{/number}","milestones_url":"https://api.github.com/repos/DVELP/cookbook/milestones{/number}","notifications_url":"https://api.github.com/repos/DVELP/cookbook/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/DVELP/cookbook/labels{/name}","releases_url":"https://api.github.com/repos/DVELP/cookbook/releases{/id}","deployments_url":"https://api.github.com/repos/DVELP/cookbook/deployments","created_at":"2015-10-01T09:30:46Z","updated_at":"2016-09-06T17:01:40Z","pushed_at":"2016-09-28T11:59:49Z","git_url":"git://github.com/DVELP/cookbook.git","ssh_url":"git@github.com:DVELP/cookbook.git","clone_url":"https://github.com/DVELP/cookbook.git","svn_url":"https://github.com/DVELP/cookbook","homepage":"","size":86,"stargazers_count":3,"watchers_count":3,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":5,"forks":0,"open_issues":5,"watchers":3,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/DVELP/cookbook/pulls/12"},"html":{"href":"https://github.com/DVELP/cookbook/pull/12"},"issue":{"href":"https://api.github.com/repos/DVELP/cookbook/issues/12"},"comments":{"href":"https://api.github.com/repos/DVELP/cookbook/issues/12/comments"},"review_comments":{"href":"https://api.github.com/repos/DVELP/cookbook/pulls/12/comments"},"review_comment":{"href":"https://api.github.com/repos/DVELP/cookbook/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/DVELP/cookbook/pulls/12/commits"},"statuses":{"href":"https://api.github.com/repos/DVELP/cookbook/statuses/80a87d68129c03754c5770888e66afbdbe7fa1f7"}}}}
{"actor":{"display_login":"pointlessone"}}