Untitled

dabblet.html

<div class="column-holder">

<div class="variable-column">

<h2>Columnists</h2>



<article class="item-summary article">

<span class="column-name">Nishant Kothary <i>on</i> the Human Web</span>

<h1><a href="/column/it-is-what-it-is">It Is What It Is</a></h1>


<img src="http://d.alistapart.com/_made/pix/authors/uploads/photo_131585_60_60_c1.jpg" alt="">


<p>One of my first managers — we shall call him Bob — had a saying that used to drive me nuts. To most of my complaints about workplace dysfunctions in our manager-employee one-on-ones, Bob would respond, “It is what it is.”</p>

<footer class="byline">
<time class="pubdate updated" datetime="2013-06-27T08:30:46-05:00">June 27, 2013</time>
</footer>

</article>



</div><!--

--><div class="variable-column">

<h2>From the Blog</h2>




<article class="item-summary link-post">

<h1><a href="http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/">Building the New Financial Times Web App</a></h1>

<p>An in-depth look by one of the developers that worked on the project. Includes some useful information about flexbox and how it impacts rendering times (spoiler: negatively).</p>				
<footer>
coding.smashingmagazine.com

∙ ℅ <a class="attribution-link" href="https://twitter.com/chriscoyier/status/354644516914987008">@chriscoyier</a>

</footer>

</article>





<article class="item-summary link-post">

<h1><a href="http://www.netmagazine.com/features/hot-web-standards-mayjune-2013">Hot in Web Standards: Lea Verou on the latest developments at the W3C</a></h1>

<p>Fast vs complete selector profiles, SVG text wrapping, <code>hgroup</code> is dead, and more. </p>				
<footer>
www.netmagazine.com

</footer>

</article>




</div><!--

--><div class="fixed-column">



<aside class="job-board">
<h4>Gratitude</h4>
<p>Send some love to this week's RSS sponsor! <a href="http://www.surrealcms.com/">Surreal CMS</a> lets your clients edit their web content without extensive training.</p>
</aside><!--

--><aside class="the-deck">
<div class="deck-inner">
<script>
//<![CDATA[
(function(id) {
 document.write('<script type="text/javascript" src="' +
     'http://www.northmay.com/deck/deck' + id + '_js.php?' +
     (new Date().getTime()) + '"></' + 'script>');
 })("AL");
//]]>
</script><script type="text/javascript" src="http://www.northmay.com/deck/deckAL_js.php?1373407034922"></script><a href="http://www.iggsoftware.com/ibankforipad/clickthrough.html"><img class="ad" alt="iBank" src="http://connect.decknetwork.net/i/ibank_3b.png" border="0" width="120" height="90"></a><p class="ads">macworld.com: "a stellar full-featured personal financial app." <a href="http://www.iggsoftware.com/ibankforipad/clickthrough.html">At iTunes</a>.</p>
<p><a href="http://www.coudal.com/deck/">Ad via The Deck</a></p>
</div>
</aside><!--

--><aside class="job-board">
<h4>Job Board</h4>
<script src="http://www.37signals.com/svn/job.fcgi"></script><div class="job">
<a href="http://jobs.37signals.com/jobs/13073">Intrans is looking for a Rails Engineer.</a>
</div>


<p class="board-link">More on the <a href="http://jobs.37signals.com/?source=ala">Job Board</a></p>
</aside>


</div>

</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"150","seethrough":"","prefixfree":"1","page":"css"}