compositor.json

{
  "name": "johnotander/web-cannon",
  "version": "0.1.4",
  "libraries": {
    "xv": "^1.1.21"
  },
  "title": "",
  "branch": "",
  "style": {
    "name": "Swiss",
    "componentSet": {
      "nav": "nav/BasicNav",
      "header": "header/SwissHeader",
      "article": "article/SwissArticle",
      "footer": "footer/BasicFooter"
    },
    "fontFamily": "\"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "heading": {
      "fontWeight": 700,
      "letterSpacing": "-0.01em"
    },
    "layout": {
      "fluid": true
    },
    "colors": {
      "text": "#000",
      "background": "#fff",
      "primary": "#05a",
      "secondary": "#444",
      "highlight": "#f30",
      "border": "#ccc",
      "muted": "#eee"
    }
  },
  "content": [
    {
      "component": "nav",
      "links": [
        {
          "href": "https://github.com/johnotander/web-cannon",
          "text": "GitHub"
        }
      ]
    },
    {
      "component": "header",
      "heading": "web-cannon",
      "subhead": "[WIP] Useful information to reference while building websites for humans",
      "children": [
        {
          "component": "ui/TweetButton",
          "text": "web-cannon: [WIP] Useful information to reference while building websites for humans",
          "url": ""
        },
        {
          "component": "ui/GithubButton",
          "user": "johnotander",
          "repo": "web-cannon"
        }
      ]
    },
    {
      "component": "article",
      "metadata": {
        "source": "github.readme"
      },
      "html": "\n<p><em>Work in progress</em></p>\n<ul>\n<li><a href=\"#css\">CSS</a><ul>\n<li><a href=\"#css-talks\">Talks</a></li>\n<li><a href=\"#css-tools\">Tools</a></li>\n<li><a href=\"#functional-css\">Functional CSS</a><ul>\n<li><a href=\"#functional-css-tools\">Tools</a></li>\n</ul>\n</li>\n</ul>\n</li>\n<li><a href=\"#ui\">UI</a></li>\n<li><a href=\"#javascript\">JavaScript</a><ul>\n<li><a href=\"#es2015\">ES2015</a></li>\n<li><a href=\"#immutable-javascript\">Immutable</a></li>\n<li><a href=\"#intermediate-javascript\">Intermediate</a></li>\n<li><a href=\"#advanced-javascript\">Advanced</a></li>\n<li><a href=\"#async-javascript\">Async</a></li>\n</ul>\n</li>\n<li><a href=\"#css-js\">CSS + JS</a></li>\n<li><a href=\"#ruby\">Ruby</a><ul>\n<li><a href=\"#ruby-internals\">Internals</a></li>\n<li><a href=\"#ruby-security\">Security</a></li>\n<li><a href=\"#ruby-debugging\">Debugging</a></li>\n</ul>\n</li>\n<li><a href=\"#ai\">AI</a></li>\n<li><a href=\"#security\">Security</a></li>\n</ul>\n<h2>CSS</h2>\n<h3>CSS talks</h3>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=ItyUjVWl4q8\">Implementing a Visual CSS Testing Framework</a> by Jessica Dillon</li>\n<li><a href=\"https://www.youtube.com/watch?v=6jz6p7wqOpI\">PostCSS: The Future After Sass and Less</a> by Andrey Sitnik</li>\n<li><a href=\"https://www.youtube.com/watch?v=ALEGHlwMXxs\">CSS First</a> by Michelle Bu</li>\n<li><a href=\"https://www.youtube.com/watch?v=14N_V56tqd4\">Things I&apos;ve Learned About CSS</a> by Adam Morse</li>\n<li><a href=\"https://www.youtube.com/watch?v=FEs2jgZBaQA\">CSS Performance Tooling</a> by Addy Osmani</li>\n<li><a href=\"http://www.thedotpost.com/2015/12/daniel-eden-move-slow-and-fix-things\">Move Slow and Fix Things</a> by Daniel Eden</li>\n</ul>\n<h3>Functional CSS</h3>\n<ul>\n<li><a href=\"http://csswizardry.com/2015/03/immutable-css/\">http://csswizardry.com/2015/03/immutable-css/</a></li>\n<li><a href=\"http://csswizardry.com/2012/06/the-open-closed-principle-applied-to-css/\">http://csswizardry.com/2012/06/the-open-closed-principle-applied-to-css/</a></li>\n<li><a href=\"http://www.jon.gold/2015/07/functional-css/\">http://www.jon.gold/2015/07/functional-css/</a></li>\n<li><a href=\"http://eng.wealthfront.com/2013/08/functional-css-fcss.html\">http://eng.wealthfront.com/2013/08/functional-css-fcss.html</a></li>\n<li><a href=\"https://blog.colepeters.com/building-and-shipping-functional-css/\">https://blog.colepeters.com/building-and-shipping-functional-css/</a></li>\n<li><a href=\"http://www.basscss.com/docs/reference/principles/#immutable-utilities\">http://www.basscss.com/docs/reference/principles/#immutable-utilities</a></li>\n</ul>\n<h5>Functional CSS Tools</h5>\n<ul>\n<li><a href=\"http://immutablecss.com\">http://immutablecss.com</a></li>\n<li><a href=\"http://cssstats.com\">http://cssstats.com</a></li>\n</ul>\n<h5>Frameworks</h5>\n<ul>\n<li><a href=\"http://basscss.com\">http://basscss.com</a></li>\n<li><a href=\"http://tachyons.io\">http://tachyons.io</a></li>\n</ul>\n<h2>UI</h2>\n<ul>\n<li><a href=\"http://jxnblk.com/writing/posts/components/\">http://jxnblk.com/writing/posts/components/</a></li>\n<li><a href=\"http://rauchg.com/2015/pure-ui/\">http://rauchg.com/2015/pure-ui/</a></li>\n</ul>\n<h2>JavaScript</h2>\n<h3>ES2015</h3>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=HxHBAU0cTHU\">If you wish to learn ES6/2015 from scratch, you must first invent the universe</a> by Ashley Williams</li>\n</ul>\n<h3>Immutable JavaScript</h3>\n<ul>\n<li><a href=\"https://medium.com/@drboolean/lenses-with-immutable-js-9bda85674780#.8t4xb62w5\">Lenses with Immutable JS</a> by Brian Lonsdorf</li>\n<li><a href=\"https://www.youtube.com/watch?v=I7IdS-PbEgI\">Immutable Data and React</a> by Lee Byron</li>\n<li><a href=\"https://www.youtube.com/watch?v=mS264h8KGwk\">Immutability, Interactivity &amp; JavaScript</a> by David Nolen</li>\n</ul>\n<h3>Intermediate JavaScript</h3>\n<ul>\n<li><a href=\"https://toddmotto.com/everything-you-wanted-to-know-about-javascript-scope/\">Scope</a> by Todd Motto</li>\n<li><a href=\"http://callbackhell.com/\">Callback Hell</a> by Max Ogden</li>\n</ul>\n<h3>Advanced JavaScript</h3>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=8aGhZQkoFbQ\">What the heck is the event loop anyway?</a> by Philip Roberts</li>\n</ul>\n<h3>Async JavaScript</h3>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=a8W5VVGO-jA\">Asynchronous JavaScript at Netflix</a> by Matthew Podwysowski</li>\n</ul>\n<h3>React</h3>\n<ul>\n<li><a href=\"http://jxnblk.com/writing/posts/patterns-for-style-composition-in-react/\">http://jxnblk.com/writing/posts/patterns-for-style-composition-in-react/</a></li>\n</ul>\n<h2>CSS + JS</h2>\n<ul>\n<li><a href=\"https://github.com/jxnblk/cxs\">https://github.com/jxnblk/cxs</a></li>\n<li><a href=\"https://github.com/Khan/aphrodite\">https://github.com/Khan/aphrodite</a></li>\n<li><a href=\"https://github.com/cssinjs/jss\">https://github.com/cssinjs/jss</a></li>\n</ul>\n<h2>Ruby</h2>\n<h3>Ruby Internals</h3>\n<ul>\n<li><a href=\"https://www.youtube.com/watch?v=b77V0rkr5rk\">How are Method Calls Formed?</a>: A talk by Aaron Patterson</li>\n</ul>\n<h3>Ruby Security</h3>\n<ul>\n<li><a href=\"http://confreaks.tv/videos/keeprubyweird2015-see-hacker-hack\">See Hacker Hack</a>: A talk about web security and the tooling to test applications. </li>\n</ul>\n<h3>Ruby Debugging</h3>\n<ul>\n<li><a href=\"https://tenderlovemaking.com/2016/02/05/i-am-a-puts-debuggerer.html\">I am a Puts Debuggerer</a></li>\n</ul>\n<h2>AI</h2>\n<ul>\n<li><a href=\"http://ai.berkeley.edu/lecture_videos.html\">http://ai.berkeley.edu/lecture_videos.html</a></li>\n<li><a href=\"http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-034-artificial-intelligence-fall-2010/lecture-videos/\">http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-034-artificial-intelligence-fall-2010/lecture-videos/</a></li>\n<li><a href=\"http://karpathy.github.io/2015/05/21/rnn-effectiveness/\">http://karpathy.github.io/2015/05/21/rnn-effectiveness/</a></li>\n<li><a href=\"https://github.com/jcjohnson/torch-rnn\">https://github.com/jcjohnson/torch-rnn</a></li>\n<li><a href=\"http://www.redblobgames.com/x/1645-phoneme-namegen/\">http://www.redblobgames.com/x/1645-phoneme-namegen/</a></li>\n</ul>\n<h2>Security</h2>\n<ul>\n<li><a href=\"http://blog.mailgun.com/security-guide-basic-infrastructure-security/\">http://blog.mailgun.com/security-guide-basic-infrastructure-security/</a></li>\n<li><a href=\"http://www.codelitt.com/blog/my-first-10-minutes-on-a-server-primer-for-securing-ubuntu/\">http://www.codelitt.com/blog/my-first-10-minutes-on-a-server-primer-for-securing-ubuntu/</a></li>\n</ul>\n<h2>License</h2>\n<p>MIT</p>\n<h2>Contributing</h2>\n<ol>\n<li>Fork it</li>\n<li>Create your feature branch (<code>git checkout -b my-new-feature</code>)</li>\n<li>Commit your changes (<code>git commit -am &apos;Add some feature&apos;</code>)</li>\n<li>Push to the branch (<code>git push origin my-new-feature</code>)</li>\n<li>Create new Pull Request</li>\n</ol>\n<hr>\n<blockquote>\n<p>Crafted with &lt;3 by <a href=\"https://twitter.com/4lpine\">@4lpine</a></p>\n</blockquote>\n"
    },
    {
      "component": "footer",
      "links": [
        {
          "href": "https://github.com/johnotander/web-cannon",
          "text": "GitHub"
        },
        {
          "href": "https://github.com/johnotander",
          "text": "johnotander"
        }
      ]
    }
  ]
}