made the js non blocking, like a boss

Author: GarthDB

atom.xml

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom"><title>Topcoat</title><subtitle>CSS for clean and fast web apps.</subtitle><link href="http://topcoat.io/atom.xml" rel="self"></link><link href="http://topcoat.io"></link><updated>2013-11-13T22:14:09.869Z</updated><id>http://topcoat.io/</id><entry><title>Responsive Design Tool for TopCoat</title><link href="http://topcoat.io/posts/intel-xdk/"></link><updated>2013-10-29T00:30:00.000Z</updated><id>http://topcoat.io/posts/intel-xdk/</id><content type="html">&lt;p&gt;Intel has updated the &lt;a href=&quot;http://xdk.intel.com/&quot;&gt;Intel XDK&lt;/a&gt;, an HTML5 development IDE. This new version has a WYSIWYG UI building tool that supports TopCoat and responsive design. It also uses Brackets for code editing. Take a look and share your thoughts.&lt;/p&gt;
+<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom"><title>Topcoat</title><subtitle>CSS for clean and fast web apps.</subtitle><link href="http://topcoat.io/atom.xml" rel="self"></link><link href="http://topcoat.io"></link><updated>2013-11-14T21:51:19.654Z</updated><id>http://topcoat.io/</id><entry><title>Responsive Design Tool for TopCoat</title><link href="http://topcoat.io/posts/intel-xdk/"></link><updated>2013-10-29T00:30:00.000Z</updated><id>http://topcoat.io/posts/intel-xdk/</id><content type="html">&lt;p&gt;Intel has updated the &lt;a href=&quot;http://xdk.intel.com/&quot;&gt;Intel XDK&lt;/a&gt;, an HTML5 development IDE. This new version has a WYSIWYG UI building tool that supports TopCoat and responsive design. It also uses Brackets for code editing. Take a look and share your thoughts.&lt;/p&gt;
 
 &lt;p&gt;&lt;a href=&quot;app_designer_selecting_topcoat.png&quot;&gt;&lt;img src=&quot;app_designer_selecting_topcoat.png&quot; alt=&quot;electing topcoat&quot;/&gt;&lt;/a&gt;&lt;/p&gt;
 

blog/index.html

@@ -8,7 +8,25 @@
 Published 19 Aug 2013 by <a href='http://kristoferjoseph.com/'>Kristofer Joseph</a></div></footer></article><article><h2><a href="/posts/benchmarks/">Benchmarks and Results for Topcoat</a></h2><p><p>Topcoat is built with performance in mind and for that we are striving to benchmark everything. If you visit <a href="http://bench.topcoat.io">bench.topcoat.io</a> you will see the components from our latest release and their benchmark over time.</p></p><footer><a href="/posts/benchmarks/">Read More...</a><div class="published"> 
 Published 15 Jul 2013 by <a href='https://github.com/piatra'>Andrei Oprea</a></div></footer></article><article><h2><a href="/posts/topcoat-ci/">Topcoat CI Environment</a></h2><p><p>Today we are open-sourcing our <a href="https://github.com/topcoat/topcoat-ci-config">Jenkins CI configs</a> on Github. With Jenkins CI environment, every commit that goes into Topcoat components triggers the chain of building, unit testing and performance benchmark testing. So if something goes wrong, we know it right away.</p></p><footer><a href="/posts/topcoat-ci/">Read More...</a><div class="published"> 
 Published 27 Jun 2013 by <a href='http://www.linkedin.com/in/yinanliu'>Yinan Liu</a></div></footer></article><article><h2><a href="/posts/introducing-topcoat/">Introducing Topcoat</a></h2><p><p>Topcoat is a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community.</p></p><footer><a href="/posts/introducing-topcoat/">Read More...</a><div class="published"> 
-Published 5 Jun 2013 by <a href='http://brian.io/'>Brian LeRoux</a></div></footer></article></section></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript" src="//use.typekit.net/czf5rrh.js"></script><script type="text/javascript" src="/js/main.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">var _gaq = _gaq || [];
+Published 5 Jun 2013 by <a href='http://brian.io/'>Brian LeRoux</a></div></footer></article></section></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript">// Add a script element as a child of the body
+function downloadJSAtOnload() {
+    var mainjselement = document.createElement("script");
+    mainjselement.src = "/js/main.js";
+    document.body.appendChild(mainjselement);
+    
+    var typekitelement = document.createElement("script");
+    typekitelement.src = "//use.typekit.net/czf5rrh.js";
+    document.body.appendChild(typekitelement);
+    
+    try{Typekit.load();}catch(e){}
+}
+// Check for browser support of event handling capability
+if (window.addEventListener)
+    window.addEventListener("load", downloadJSAtOnload, false);
+else if (window.attachEvent)
+    window.attachEvent("onload", downloadJSAtOnload);
+else window.onload = downloadJSAtOnload;
+</script><script type="text/javascript">var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-38522202-1']);
 _gaq.push(['_trackPageview']);
 

dev/topcoat-cla-thanks/index.html

@@ -1,4 +1,22 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><meta name="generator" content="DocPad v6.54.6" /><title>Topcoat</title><link rel="stylesheet" href="/css/normalize.css" type="text/css" media="screen"><link rel="stylesheet" href="/css/style.css" type="text/css" media="screen"></head><body><div id="wrapper"><div id="side-nav"><nav class="site"><ul><li class="selected"><a href="http://topcoat.io">Home</a></li><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io/">Benchmarks</a></li><li><a href="http://topcoat.io/blog">Blog</a></li></ul></nav></div><div id="site"><header class="main"><h1><a href="/">Topcoat</a></h1><p>CSS for clean and fast web apps.</p><nav class="main"><ul><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io">Benchmarks</a></li><li><a href="/blog">Blog</a></li><li class="download"><a href="https://github.com/topcoat/topcoat/archive/v0.8.0.zip" onClick="_gaq.push(['_trackEvent', 'download', 'click',,, false]);" class="topcoat-button--cta">Download</a></li></ul></nav><button id="slide-menu-button" href="#" class="topcoat-icon-button--large--quiet"><span class="topcoat-icon--large topcoat-icon-meun-stack"></span></button></header><section id="content" class="narrow"><h1>You Rock!</h1><p>Thanks for signing the Topcoat Contributor License Agreement. Now that the legal stuff is out of the way we can accept your brilliant work!</p><a href="https://github.com/topcoat/topcoat" class="topcoat-button--cta">Take Me To The Project!</a></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript" src="//use.typekit.net/czf5rrh.js"></script><script type="text/javascript" src="/js/main.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">var _gaq = _gaq || [];
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><meta name="generator" content="DocPad v6.54.6" /><title>Topcoat</title><link rel="stylesheet" href="/css/normalize.css" type="text/css" media="screen"><link rel="stylesheet" href="/css/style.css" type="text/css" media="screen"></head><body><div id="wrapper"><div id="side-nav"><nav class="site"><ul><li class="selected"><a href="http://topcoat.io">Home</a></li><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io/">Benchmarks</a></li><li><a href="http://topcoat.io/blog">Blog</a></li></ul></nav></div><div id="site"><header class="main"><h1><a href="/">Topcoat</a></h1><p>CSS for clean and fast web apps.</p><nav class="main"><ul><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io">Benchmarks</a></li><li><a href="/blog">Blog</a></li><li class="download"><a href="https://github.com/topcoat/topcoat/archive/v0.8.0.zip" onClick="_gaq.push(['_trackEvent', 'download', 'click',,, false]);" class="topcoat-button--cta">Download</a></li></ul></nav><button id="slide-menu-button" href="#" class="topcoat-icon-button--large--quiet"><span class="topcoat-icon--large topcoat-icon-meun-stack"></span></button></header><section id="content" class="narrow"><h1>You Rock!</h1><p>Thanks for signing the Topcoat Contributor License Agreement. Now that the legal stuff is out of the way we can accept your brilliant work!</p><a href="https://github.com/topcoat/topcoat" class="topcoat-button--cta">Take Me To The Project!</a></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript">// Add a script element as a child of the body
+function downloadJSAtOnload() {
+    var mainjselement = document.createElement("script");
+    mainjselement.src = "/js/main.js";
+    document.body.appendChild(mainjselement);
+    
+    var typekitelement = document.createElement("script");
+    typekitelement.src = "//use.typekit.net/czf5rrh.js";
+    document.body.appendChild(typekitelement);
+    
+    try{Typekit.load();}catch(e){}
+}
+// Check for browser support of event handling capability
+if (window.addEventListener)
+    window.addEventListener("load", downloadJSAtOnload, false);
+else if (window.attachEvent)
+    window.attachEvent("onload", downloadJSAtOnload);
+else window.onload = downloadJSAtOnload;
+</script><script type="text/javascript">var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-38522202-1']);
 _gaq.push(['_trackPageview']);
 

dev/topcoat-cla/index.html

@@ -68,7 +68,25 @@
   $(input).after("<span class='add-on'><i class='icon-exclamation-sign'></i></span>");
   return;
  }
-});</script></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript" src="//use.typekit.net/czf5rrh.js"></script><script type="text/javascript" src="/js/main.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">var _gaq = _gaq || [];
+});</script></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript">// Add a script element as a child of the body
+function downloadJSAtOnload() {
+    var mainjselement = document.createElement("script");
+    mainjselement.src = "/js/main.js";
+    document.body.appendChild(mainjselement);
+    
+    var typekitelement = document.createElement("script");
+    typekitelement.src = "//use.typekit.net/czf5rrh.js";
+    document.body.appendChild(typekitelement);
+    
+    try{Typekit.load();}catch(e){}
+}
+// Check for browser support of event handling capability
+if (window.addEventListener)
+    window.addEventListener("load", downloadJSAtOnload, false);
+else if (window.attachEvent)
+    window.attachEvent("onload", downloadJSAtOnload);
+else window.onload = downloadJSAtOnload;
+</script><script type="text/javascript">var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-38522202-1']);
 _gaq.push(['_trackPageview']);
 

index.html

@@ -1,4 +1,22 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><meta name="generator" content="DocPad v6.54.6" /><title>Topcoat</title><link rel="stylesheet" href="/css/normalize.css" type="text/css" media="screen"><link rel="stylesheet" href="/css/style.css" type="text/css" media="screen"></head><body><div id="wrapper"><div id="side-nav"><nav class="site"><ul><li class="selected"><a href="http://topcoat.io">Home</a></li><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io/">Benchmarks</a></li><li><a href="http://topcoat.io/blog">Blog</a></li></ul></nav></div><div id="site"><header class="main"><h1><a href="/">Topcoat</a></h1><p>CSS for clean and fast web apps.</p><nav class="main"><ul><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io">Benchmarks</a></li><li><a href="/blog">Blog</a></li><li class="download"><a href="https://github.com/topcoat/topcoat/archive/v0.8.0.zip" onClick="_gaq.push(['_trackEvent', 'download', 'click',,, false]);" class="topcoat-button--cta">Download</a></li></ul></nav><button id="slide-menu-button" href="#" class="topcoat-icon-button--large--quiet"><span class="topcoat-icon--large topcoat-icon-meun-stack"></span></button></header><section id="hero"><ul><li id="desktop-preview"></li><li id="mobile-preview"></li></ul></section><section class="features"><ul><li id="performance" class="clearfix"><a class="vignette"></a><h3>Soooo Fast!</h3><p>Performance is our #1 goal. Every component we design is <a href="http://bench.topcoat.io">benchmarked for performance</a>. You can see our results.</p></li><li id="components"><a class="vignette clearfix"></a><h3>Components Galore</h3><p>We have the building blocks to get you up and running fast. Our growing set of components were born from CSS.</p></li><li id="themes"><a class="vignette"></a><h3>Themeable</h3><p>Is that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with it. Just add colors and voila!</p></li><li id="bem"><a class="vignette"></a><h3>BEM Architecture</h3><p>We believe CSS is ready for primetime. We are basing our <a href="http://bem.info/method/">architecture on BEM</a> make your apps faster, less contextual and easier to manage.</p></li><li id="source-sans"><a class="vignette"></a><h3>Even our font is open source</h3><p>The first open source font family contribution from Adobe, Source Sans Pro. It is served on <a href="https://edgewebfonts.adobe.com/fonts#/?nameFilter=source&collection=source-sans-pro">Adobe Edge Web Fonts</a> and <a href="https://typekit.com/fonts/source-sans-pro">Adobe Typekit</a>.</p></li><li id="icons"><a class="vignette"></a><h3>Icons how you want them</h3><p>We created over <a href="https://github.com/topcoat/icons">100 icons to go with Topcoat</a>.  You can use them as SVG, PNG or semantic icon font. And yes, they are also open source.</p></li><li id="design"><a class="vignette"></a><h3>Design with Topcoat</h3><p>Even though Topcoat was designed in code. We are <a href="https://github.com/topcoat/design">including a PSD</a> with all the components on our code base.</p></li></ul><div style="clear:both;"></div></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript" src="//use.typekit.net/czf5rrh.js"></script><script type="text/javascript" src="/js/main.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">var _gaq = _gaq || [];
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><meta name="generator" content="DocPad v6.54.6" /><title>Topcoat</title><link rel="stylesheet" href="/css/normalize.css" type="text/css" media="screen"><link rel="stylesheet" href="/css/style.css" type="text/css" media="screen"></head><body><div id="wrapper"><div id="side-nav"><nav class="site"><ul><li class="selected"><a href="http://topcoat.io">Home</a></li><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io/">Benchmarks</a></li><li><a href="http://topcoat.io/blog">Blog</a></li></ul></nav></div><div id="site"><header class="main"><h1><a href="/">Topcoat</a></h1><p>CSS for clean and fast web apps.</p><nav class="main"><ul><li><a href="http://topcoat.io/topcoat">Demo</a></li><li><a href="http://bench.topcoat.io">Benchmarks</a></li><li><a href="/blog">Blog</a></li><li class="download"><a href="https://github.com/topcoat/topcoat/archive/v0.8.0.zip" onClick="_gaq.push(['_trackEvent', 'download', 'click',,, false]);" class="topcoat-button--cta">Download</a></li></ul></nav><button id="slide-menu-button" href="#" class="topcoat-icon-button--large--quiet"><span class="topcoat-icon--large topcoat-icon-meun-stack"></span></button></header><section id="hero"><ul><li id="desktop-preview"></li><li id="mobile-preview"></li></ul></section><section class="features"><ul><li id="performance" class="clearfix"><a class="vignette"></a><h3>Soooo Fast!</h3><p>Performance is our #1 goal. Every component we design is <a href="http://bench.topcoat.io">benchmarked for performance</a>. You can see our results.</p></li><li id="components"><a class="vignette clearfix"></a><h3>Components Galore</h3><p>We have the building blocks to get you up and running fast. Our growing set of components were born from CSS.</p></li><li id="themes"><a class="vignette"></a><h3>Themeable</h3><p>Is that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with it. Just add colors and voila!</p></li><li id="bem"><a class="vignette"></a><h3>BEM Architecture</h3><p>We believe CSS is ready for primetime. We are basing our <a href="http://bem.info/method/">architecture on BEM</a> make your apps faster, less contextual and easier to manage.</p></li><li id="source-sans"><a class="vignette"></a><h3>Even our font is open source</h3><p>The first open source font family contribution from Adobe, Source Sans Pro. It is served on <a href="https://edgewebfonts.adobe.com/fonts#/?nameFilter=source&collection=source-sans-pro">Adobe Edge Web Fonts</a> and <a href="https://typekit.com/fonts/source-sans-pro">Adobe Typekit</a>.</p></li><li id="icons"><a class="vignette"></a><h3>Icons how you want them</h3><p>We created over <a href="https://github.com/topcoat/icons">100 icons to go with Topcoat</a>.  You can use them as SVG, PNG or semantic icon font. And yes, they are also open source.</p></li><li id="design"><a class="vignette"></a><h3>Design with Topcoat</h3><p>Even though Topcoat was designed in code. We are <a href="https://github.com/topcoat/design">including a PSD</a> with all the components on our code base.</p></li></ul><div style="clear:both;"></div></section><footer class="site"><ul><li id="twitter"><a href="http://twitter.com/topcoat"></a></li><li id="github"><a href="https://github.com/topcoat"></a></li><li id="adobe"><a href="http://html.adobe.com"></a></li></ul></footer></div></div><script type="text/javascript">// Add a script element as a child of the body
+function downloadJSAtOnload() {
+    var mainjselement = document.createElement("script");
+    mainjselement.src = "/js/main.js";
+    document.body.appendChild(mainjselement);
+    
+    var typekitelement = document.createElement("script");
+    typekitelement.src = "//use.typekit.net/czf5rrh.js";
+    document.body.appendChild(typekitelement);
+    
+    try{Typekit.load();}catch(e){}
+}
+// Check for browser support of event handling capability
+if (window.addEventListener)
+    window.addEventListener("load", downloadJSAtOnload, false);
+else if (window.attachEvent)
+    window.attachEvent("onload", downloadJSAtOnload);
+else window.onload = downloadJSAtOnload;
+</script><script type="text/javascript">var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-38522202-1']);
 _gaq.push(['_trackPageview']);