{"action":"created","comment":{"url":"https://api.github.com/repos/dockyard/reefpoints/pulls/comments/43678584","id":43678584,"diff_hunk":"@@ -0,0 +1,430 @@\n+---\n+layout: post\n+title: \"CSS Dev Confrence 2015 Thoughts\"\n+summary: \"Brief thoughts on my experience at CSS Dev Confrence and all my notes\"\n+comments: true\n+author: Cory Tanner\n+twitter: ctannerweb\n+github: ctannerweb\n+social: true\n+published: true\n+tags: conference, css, html\n+---\n+\n+At DockYard we sent three people to this conference, including myself. This being my first time to this conference I was excited and could not wait to experience a conference on a boat.\n+\n+As a UX Developer I specialize in HTML/CSS so a CSS developer conference could not of been any more perfect. Especially with the speakers being chosen by the public.\n+\n+That is what set my expectations to be high for the content I would be presented with.\n+\n+After two amazing days at the conference I have to say the talks went past my expectations and I learn a bunch of new things. The tools and opinions of the speakers where all inline with how we structure HTML/CSS at DockYard.\n+\n+The best thing at the conference was open question session at the end of day 2. All the speakers got on stage at once and the audience could go to a microphone in the middle of the room and ask the group any question they wanted. There was some great insight that was shared and great jokes where made.\n+\n+The Queen Mary was amazing to stay on throughout the conference and I have to give a shoutout to left shark, right shark and the giant octopus at the after party. Could not of asked for a better venue.\n+\n+Feel free to take a look at my notes I took over the 2 days below. If you notice and errors or things that need changed please let me know and Ill edit them. My notes are normally never perfect.\n+\n+# Keynote Sara Soueidan\n+Twitter: [@SaraSoueidan](https://twitter.com/SaraSoueidan)\n+\n+- Use SVGs for everything possible and provide fallbacks for browsers that need it\n+- Keep in mind you need to look at performance, don’t choose SVGs over performance\n+\n+## SVG for…\n+- Icon systems\n+- Add banners\n+- Infographics\n+- Data visualizations\n+- Animated illustrations\n+- Filter effects\n+- Simple UI shapes\n+\n+## Future\n+- CSS Spec custom add SVGs rules coming soon\n+\n+## Designing SVGs\n+- Every design decision that is made while designing a SVG affects development\n+- Developers and Designers need early communication and have some give and take to make both their lives simpler\n+\n+## Process\n+- Outline text is not selectable\n+- Outline text preserves font-face\n+- Use simple shapes over a `<path>`\n+  - easy to maintain\n+- Simplify your paths when you use them with simplify path tool in Illustrator\n+- Only combine paths if you don’t need sections to be separate for animation or coloring\n+- Use organized naming/layer conventions in your SVG code\n+- Designers should use SVGs filters that are available in Illustrator effects section\n+- Always keep `width` and `height` attributes on the `<svg>`\n+  - Great for fallback\n+\n+## Optimize\n+- Most popular tool is SVGO but will change the structure of the SVG, also can break your SVGs :( so use the GUI version with custom options\n+- Optimizing your SVG can cut your files size by half\n+- Illustrator in the future will have optimize options\n+- Sketch has no options yet :(\n+\n+## Development\n+- `<symbol>` and `<use>`\n+  - Multiple `<symbol>` elements being combined into one SVG, always include `<title>` and `description` for accessibility\n+  - This technique puts the svgs code in a shadow DOM that is difficult to style\n+  - You can leak styles in with css variables `var(--prime-color)`\n+- Use SVGs `viewbox` to create a view window that only shows a portion of the svgs file. Also known as the sprite technique\n+  - Place your SVG files into the css as background-images","path":"source/posts/2015-11-03-CSSDevConf-2015-thoughts.md","position":74,"original_position":74,"commit_id":"e8ab71c38d5b8741e455149738ddff11cff0b3db","original_commit_id":"e8ab71c38d5b8741e455149738ddff11cff0b3db","user":{"login":"acacheung","id":1054686,"avatar_url":"https://avatars.githubusercontent.com/u/1054686?v=3","gravatar_id":"","url":"https://api.github.com/users/acacheung","html_url":"https://github.com/acacheung","followers_url":"https://api.github.com/users/acacheung/followers","following_url":"https://api.github.com/users/acacheung/following{/other_user}","gists_url":"https://api.github.com/users/acacheung/gists{/gist_id}","starred_url":"https://api.github.com/users/acacheung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/acacheung/subscriptions","organizations_url":"https://api.github.com/users/acacheung/orgs","repos_url":"https://api.github.com/users/acacheung/repos","events_url":"https://api.github.com/users/acacheung/events{/privacy}","received_events_url":"https://api.github.com/users/acacheung/received_events","type":"User","site_admin":false},"body":"CSS","created_at":"2015-11-02T20:38:52Z","updated_at":"2015-11-02T20:38:52Z","html_url":"https://github.com/dockyard/reefpoints/pull/422#discussion_r43678584","pull_request_url":"https://api.github.com/repos/dockyard/reefpoints/pulls/422","_links":{"self":{"href":"https://api.github.com/repos/dockyard/reefpoints/pulls/comments/43678584"},"html":{"href":"https://github.com/dockyard/reefpoints/pull/422#discussion_r43678584"},"pull_request":{"href":"https://api.github.com/repos/dockyard/reefpoints/pulls/422"}}},"pull_request":{"url":"https://api.github.com/repos/dockyard/reefpoints/pulls/422","id":49481746,"html_url":"https://github.com/dockyard/reefpoints/pull/422","diff_url":"https://github.com/dockyard/reefpoints/pull/422.diff","patch_url":"https://github.com/dockyard/reefpoints/pull/422.patch","issue_url":"https://api.github.com/repos/dockyard/reefpoints/issues/422","number":422,"state":"open","locked":false,"title":"CSSDevConf blog post","user":{"login":"Ctannerweb","id":8336499,"avatar_url":"https://avatars.githubusercontent.com/u/8336499?v=3","gravatar_id":"","url":"https://api.github.com/users/Ctannerweb","html_url":"https://github.com/Ctannerweb","followers_url":"https://api.github.com/users/Ctannerweb/followers","following_url":"https://api.github.com/users/Ctannerweb/following{/other_user}","gists_url":"https://api.github.com/users/Ctannerweb/gists{/gist_id}","starred_url":"https://api.github.com/users/Ctannerweb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ctannerweb/subscriptions","organizations_url":"https://api.github.com/users/Ctannerweb/orgs","repos_url":"https://api.github.com/users/Ctannerweb/repos","events_url":"https://api.github.com/users/Ctannerweb/events{/privacy}","received_events_url":"https://api.github.com/users/Ctannerweb/received_events","type":"User","site_admin":false},"body":"","created_at":"2015-11-02T20:33:04Z","updated_at":"2015-11-02T20:38:52Z","closed_at":null,"merged_at":null,"merge_commit_sha":"b03538f9c2185b64bec501e057692085544c92ba","assignee":{"login":"acacheung","id":1054686,"avatar_url":"https://avatars.githubusercontent.com/u/1054686?v=3","gravatar_id":"","url":"https://api.github.com/users/acacheung","html_url":"https://github.com/acacheung","followers_url":"https://api.github.com/users/acacheung/followers","following_url":"https://api.github.com/users/acacheung/following{/other_user}","gists_url":"https://api.github.com/users/acacheung/gists{/gist_id}","starred_url":"https://api.github.com/users/acacheung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/acacheung/subscriptions","organizations_url":"https://api.github.com/users/acacheung/orgs","repos_url":"https://api.github.com/users/acacheung/repos","events_url":"https://api.github.com/users/acacheung/events{/privacy}","received_events_url":"https://api.github.com/users/acacheung/received_events","type":"User","site_admin":false},"milestone":null,"commits_url":"https://api.github.com/repos/dockyard/reefpoints/pulls/422/commits","review_comments_url":"https://api.github.com/repos/dockyard/reefpoints/pulls/422/comments","review_comment_url":"https://api.github.com/repos/dockyard/reefpoints/pulls/comments{/number}","comments_url":"https://api.github.com/repos/dockyard/reefpoints/issues/422/comments","statuses_url":"https://api.github.com/repos/dockyard/reefpoints/statuses/e8ab71c38d5b8741e455149738ddff11cff0b3db","head":{"label":"dockyard:ct-after-cssdevconf","ref":"ct-after-cssdevconf","sha":"e8ab71c38d5b8741e455149738ddff11cff0b3db","user":{"login":"dockyard","id":873981,"avatar_url":"https://avatars.githubusercontent.com/u/873981?v=3","gravatar_id":"","url":"https://api.github.com/users/dockyard","html_url":"https://github.com/dockyard","followers_url":"https://api.github.com/users/dockyard/followers","following_url":"https://api.github.com/users/dockyard/following{/other_user}","gists_url":"https://api.github.com/users/dockyard/gists{/gist_id}","starred_url":"https://api.github.com/users/dockyard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dockyard/subscriptions","organizations_url":"https://api.github.com/users/dockyard/orgs","repos_url":"https://api.github.com/users/dockyard/repos","events_url":"https://api.github.com/users/dockyard/events{/privacy}","received_events_url":"https://api.github.com/users/dockyard/received_events","type":"Organization","site_admin":false},"repo":{"id":2262874,"name":"reefpoints","full_name":"dockyard/reefpoints","owner":{"login":"dockyard","id":873981,"avatar_url":"https://avatars.githubusercontent.com/u/873981?v=3","gravatar_id":"","url":"https://api.github.com/users/dockyard","html_url":"https://github.com/dockyard","followers_url":"https://api.github.com/users/dockyard/followers","following_url":"https://api.github.com/users/dockyard/following{/other_user}","gists_url":"https://api.github.com/users/dockyard/gists{/gist_id}","starred_url":"https://api.github.com/users/dockyard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dockyard/subscriptions","organizations_url":"https://api.github.com/users/dockyard/orgs","repos_url":"https://api.github.com/users/dockyard/repos","events_url":"https://api.github.com/users/dockyard/events{/privacy}","received_events_url":"https://api.github.com/users/dockyard/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/dockyard/reefpoints","description":"DockYard Blog","fork":false,"url":"https://api.github.com/repos/dockyard/reefpoints","forks_url":"https://api.github.com/repos/dockyard/reefpoints/forks","keys_url":"https://api.github.com/repos/dockyard/reefpoints/keys{/key_id}","collaborators_url":"https://api.github.com/repos/dockyard/reefpoints/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/dockyard/reefpoints/teams","hooks_url":"https://api.github.com/repos/dockyard/reefpoints/hooks","issue_events_url":"https://api.github.com/repos/dockyard/reefpoints/issues/events{/number}","events_url":"https://api.github.com/repos/dockyard/reefpoints/events","assignees_url":"https://api.github.com/repos/dockyard/reefpoints/assignees{/user}","branches_url":"https://api.github.com/repos/dockyard/reefpoints/branches{/branch}","tags_url":"https://api.github.com/repos/dockyard/reefpoints/tags","blobs_url":"https://api.github.com/repos/dockyard/reefpoints/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/dockyard/reefpoints/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/dockyard/reefpoints/git/refs{/sha}","trees_url":"https://api.github.com/repos/dockyard/reefpoints/git/trees{/sha}","statuses_url":"https://api.github.com/repos/dockyard/reefpoints/statuses/{sha}","languages_url":"https://api.github.com/repos/dockyard/reefpoints/languages","stargazers_url":"https://api.github.com/repos/dockyard/reefpoints/stargazers","contributors_url":"https://api.github.com/repos/dockyard/reefpoints/contributors","subscribers_url":"https://api.github.com/repos/dockyard/reefpoints/subscribers","subscription_url":"https://api.github.com/repos/dockyard/reefpoints/subscription","commits_url":"https://api.github.com/repos/dockyard/reefpoints/commits{/sha}","git_commits_url":"https://api.github.com/repos/dockyard/reefpoints/git/commits{/sha}","comments_url":"https://api.github.com/repos/dockyard/reefpoints/comments{/number}","issue_comment_url":"https://api.github.com/repos/dockyard/reefpoints/issues/comments{/number}","contents_url":"https://api.github.com/repos/dockyard/reefpoints/contents/{+path}","compare_url":"https://api.github.com/repos/dockyard/reefpoints/compare/{base}...{head}","merges_url":"https://api.github.com/repos/dockyard/reefpoints/merges","archive_url":"https://api.github.com/repos/dockyard/reefpoints/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/dockyard/reefpoints/downloads","issues_url":"https://api.github.com/repos/dockyard/reefpoints/issues{/number}","pulls_url":"https://api.github.com/repos/dockyard/reefpoints/pulls{/number}","milestones_url":"https://api.github.com/repos/dockyard/reefpoints/milestones{/number}","notifications_url":"https://api.github.com/repos/dockyard/reefpoints/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/dockyard/reefpoints/labels{/name}","releases_url":"https://api.github.com/repos/dockyard/reefpoints/releases{/id}","created_at":"2011-08-24T16:55:40Z","updated_at":"2015-10-27T14:00:50Z","pushed_at":"2015-11-02T20:33:04Z","git_url":"git://github.com/dockyard/reefpoints.git","ssh_url":"git@github.com:dockyard/reefpoints.git","clone_url":"https://github.com/dockyard/reefpoints.git","svn_url":"https://github.com/dockyard/reefpoints","homepage":"https://dockyard.com/blog","size":91940,"stargazers_count":33,"watchers_count":33,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":64,"mirror_url":null,"open_issues_count":11,"forks":64,"open_issues":11,"watchers":33,"default_branch":"master"}},"base":{"label":"dockyard:master","ref":"master","sha":"e842eb9087e331f2e920f89c011beba361699c8e","user":{"login":"dockyard","id":873981,"avatar_url":"https://avatars.githubusercontent.com/u/873981?v=3","gravatar_id":"","url":"https://api.github.com/users/dockyard","html_url":"https://github.com/dockyard","followers_url":"https://api.github.com/users/dockyard/followers","following_url":"https://api.github.com/users/dockyard/following{/other_user}","gists_url":"https://api.github.com/users/dockyard/gists{/gist_id}","starred_url":"https://api.github.com/users/dockyard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dockyard/subscriptions","organizations_url":"https://api.github.com/users/dockyard/orgs","repos_url":"https://api.github.com/users/dockyard/repos","events_url":"https://api.github.com/users/dockyard/events{/privacy}","received_events_url":"https://api.github.com/users/dockyard/received_events","type":"Organization","site_admin":false},"repo":{"id":2262874,"name":"reefpoints","full_name":"dockyard/reefpoints","owner":{"login":"dockyard","id":873981,"avatar_url":"https://avatars.githubusercontent.com/u/873981?v=3","gravatar_id":"","url":"https://api.github.com/users/dockyard","html_url":"https://github.com/dockyard","followers_url":"https://api.github.com/users/dockyard/followers","following_url":"https://api.github.com/users/dockyard/following{/other_user}","gists_url":"https://api.github.com/users/dockyard/gists{/gist_id}","starred_url":"https://api.github.com/users/dockyard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dockyard/subscriptions","organizations_url":"https://api.github.com/users/dockyard/orgs","repos_url":"https://api.github.com/users/dockyard/repos","events_url":"https://api.github.com/users/dockyard/events{/privacy}","received_events_url":"https://api.github.com/users/dockyard/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/dockyard/reefpoints","description":"DockYard Blog","fork":false,"url":"https://api.github.com/repos/dockyard/reefpoints","forks_url":"https://api.github.com/repos/dockyard/reefpoints/forks","keys_url":"https://api.github.com/repos/dockyard/reefpoints/keys{/key_id}","collaborators_url":"https://api.github.com/repos/dockyard/reefpoints/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/dockyard/reefpoints/teams","hooks_url":"https://api.github.com/repos/dockyard/reefpoints/hooks","issue_events_url":"https://api.github.com/repos/dockyard/reefpoints/issues/events{/number}","events_url":"https://api.github.com/repos/dockyard/reefpoints/events","assignees_url":"https://api.github.com/repos/dockyard/reefpoints/assignees{/user}","branches_url":"https://api.github.com/repos/dockyard/reefpoints/branches{/branch}","tags_url":"https://api.github.com/repos/dockyard/reefpoints/tags","blobs_url":"https://api.github.com/repos/dockyard/reefpoints/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/dockyard/reefpoints/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/dockyard/reefpoints/git/refs{/sha}","trees_url":"https://api.github.com/repos/dockyard/reefpoints/git/trees{/sha}","statuses_url":"https://api.github.com/repos/dockyard/reefpoints/statuses/{sha}","languages_url":"https://api.github.com/repos/dockyard/reefpoints/languages","stargazers_url":"https://api.github.com/repos/dockyard/reefpoints/stargazers","contributors_url":"https://api.github.com/repos/dockyard/reefpoints/contributors","subscribers_url":"https://api.github.com/repos/dockyard/reefpoints/subscribers","subscription_url":"https://api.github.com/repos/dockyard/reefpoints/subscription","commits_url":"https://api.github.com/repos/dockyard/reefpoints/commits{/sha}","git_commits_url":"https://api.github.com/repos/dockyard/reefpoints/git/commits{/sha}","comments_url":"https://api.github.com/repos/dockyard/reefpoints/comments{/number}","issue_comment_url":"https://api.github.com/repos/dockyard/reefpoints/issues/comments{/number}","contents_url":"https://api.github.com/repos/dockyard/reefpoints/contents/{+path}","compare_url":"https://api.github.com/repos/dockyard/reefpoints/compare/{base}...{head}","merges_url":"https://api.github.com/repos/dockyard/reefpoints/merges","archive_url":"https://api.github.com/repos/dockyard/reefpoints/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/dockyard/reefpoints/downloads","issues_url":"https://api.github.com/repos/dockyard/reefpoints/issues{/number}","pulls_url":"https://api.github.com/repos/dockyard/reefpoints/pulls{/number}","milestones_url":"https://api.github.com/repos/dockyard/reefpoints/milestones{/number}","notifications_url":"https://api.github.com/repos/dockyard/reefpoints/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/dockyard/reefpoints/labels{/name}","releases_url":"https://api.github.com/repos/dockyard/reefpoints/releases{/id}","created_at":"2011-08-24T16:55:40Z","updated_at":"2015-10-27T14:00:50Z","pushed_at":"2015-11-02T20:33:04Z","git_url":"git://github.com/dockyard/reefpoints.git","ssh_url":"git@github.com:dockyard/reefpoints.git","clone_url":"https://github.com/dockyard/reefpoints.git","svn_url":"https://github.com/dockyard/reefpoints","homepage":"https://dockyard.com/blog","size":91940,"stargazers_count":33,"watchers_count":33,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":64,"mirror_url":null,"open_issues_count":11,"forks":64,"open_issues":11,"watchers":33,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/dockyard/reefpoints/pulls/422"},"html":{"href":"https://github.com/dockyard/reefpoints/pull/422"},"issue":{"href":"https://api.github.com/repos/dockyard/reefpoints/issues/422"},"comments":{"href":"https://api.github.com/repos/dockyard/reefpoints/issues/422/comments"},"review_comments":{"href":"https://api.github.com/repos/dockyard/reefpoints/pulls/422/comments"},"review_comment":{"href":"https://api.github.com/repos/dockyard/reefpoints/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/dockyard/reefpoints/pulls/422/commits"},"statuses":{"href":"https://api.github.com/repos/dockyard/reefpoints/statuses/e8ab71c38d5b8741e455149738ddff11cff0b3db"}}}}