1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <title>@ fat</title> 6
6<script>(function(d) {var config = {kitId: 'vxr6hox',scriptTimeout: 1000,async: true},h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)})(document);</script>
6 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <link rel="shortcut icon" href="https://lightning.svbtle.com/cargo/favicon-3686f5990e669ad2a1684f0ac250c4d9ddc03e2ef6f3c980f17b7aae786833ef.ico"> 9 <link rel="icon" sizes="196x196" href="https://lightning.svbtle.com/cargo/apple-touch-icon-8ed2bd858a30400ead0535543ffb8ad2ab3e036a2f0adb797dc641458d00a41a.png"> 10 <link rel="mask-icon" href="https://lightning.svbtle.com/cargo/default-b7e7b5361ab4c50a9ceb6dc296e0f157e2ec9c2f2c6f30832d991dc361d69512.svg" color="black"> 11 <meta name="generator" content="Svbtle.com" /> 12 <meta name="description" content="@ fat | Star trek flow, so they klingon me"/> 13 <link rel="canonical" href="http://byfat.xxx" /> 14 <meta property="og:url" content="http://byfat.xxx" /> 15 <meta property="twitter:site" content="@svbtle" /> 16 <meta property="twitter:title" content="@ fat" /> 17 <meta property="twitter:description" content="Written on Svbtle" /> 18 <meta property="twitter:creator" content="@fat" /> 19 <meta name="twitter:card" content="summary" /> 20 <meta name="twitter:image" content="https://svbtleusercontent.com/b7nkPG7EpCauxLRfHQky7g02380xsuap_large.png" /> 21 <meta property="twitter:domain" content="http://byfat.xxx" /> 22 <meta property="og:title" content="@ fat on Svbtle" /> 23 <meta property="og:type" content="website" /> 24 <meta property="og:description" content="@ fat | Star trek flow, so they klingon me" /> 25 <meta property="og:image" content="https://svbtleusercontent.com/b7nkPG7EpCauxLRfHQky7g02380xsuap_large.png" /> 26 <meta property="og:site_name" content="@ fat on Svbtle" /> 27 <meta property="fb:app_id" content="346346195413177" /> 28 <link rel="alternate" type="application/rss+xml" href="http://byfat.xxx/feed" /> 29 <link rel="stylesheet" href="https://lightning.svbtle.com/cargo/legacy/build.blog-120c367e4cc2cdf2d031c71f795ecea0ef4033f8b24d12d8e147c86e08e2ed2a.css" media="all" data-turbolinks-track="reload" /> 30
30<script src="https://lightning.svbtle.com/cargo/build.blog-b198d2a5100fafb3283da7f26c83fd6304e8643e39535b2c46d930a9690fad48.js" data-turbolinks-track="reload"></script>
vendor: 66 bytes, lines 30-31
30 31 <script async src="https://www.googletagmanager.com/gtag/js?id=
31G-VGMRYDBB5R
vendor: 12 bytes, line 31
31"></script>
32<script> 33 window.dataLayer = window.dataLayer || []; 34 function gtag(){dataLayer.push(arguments);} 35 gtag('js', new Date()); 36 gtag('set', 'linker', { 37 'accept_incoming': true 38 }); 39 gtag('config', 'G-VGMRYDBB5R'); 40 gtag('config', 'UA-33088259-1'); 41</script>
41</head> 42<body class="overlord blog"> 43<style scoped> 44figure.avatar a, 45figure#user_logo a, 46figure#user_foot a, 47nav#overlord.user_top figure#logo_top a, 48figure.kudo.complete div.filling { 49 background-image: url('https://svbtleusercontent.com/b7nkPG7EpCauxLRfHQky7g02380xsuap_medium.png') 50} 51 52figure.kudo.activated div.filling, 53figure.kudo.complete div.filling { 54 background-color: #F3A500; 55} 56 57figure.kudo.activated a, 58figure.kudo.complete a { 59 border-color: #F3A500; 60} 61 62blockquote, 63a blockquote, 64div#readnext:hover span.flank_title, 65div#foot_more:hover a, 66div#foot_userbar a#bottom_tagline span:hover, 67article.linked h1.article_title a:hover, 68a.continue_button:hover, 69article p a:hover, 70ul#lightning_drop, 71figure#user_foot, 72ul#user_links li a:hover, 73ul#foot_links li a:hover, 74a.buttonize:hover, 75button.buttonize:hover, 76a.buttonize.outline:hover, 77button.buttonize.outline:hover, 78nav.pagination span.next a:hover, 79nav.pagination span.prev a:hover, 80section#readnext:hover p span, 81nav#overlord.user_top figure#logo_top { 82 border-color: #F3A500; 83} 84/*figure#user_logo,*/ 85 86figure.avatar, 87nav#overlord.user_top figure#logo_top a, 88ul#user_links li a:hover, 89ul#foot_links li a:hover, 90a.buttonize:hover, 91button.buttonize:hover, 92a.buttonize.outline:hover, 93button.buttonize.outline:hover, 94nav.pagination span.next a:hover, 95nav.pagination span.prev a:hover, 96figure#user_logo a, 97figure#user_foot a { 98 background-color: #F3A500; 99} 100 101h6.separator_title.read_first, 102header#user_top h2 a, 103footer#blog_foot h5 a, 104article.post h1 a:hover, 105div.preview strong, 106nav#overlord h2#nav_title.user_top a, 107section#readnext:hover h3, 108section#readnext:hover p span { 109 color: #F3A500; 110} 111 112@keyframes titlePulse 113 { 114 0% { 115 color: #000000; 116 } 117 50% { 118 color: #F3A500; 119 } 120 100% { 121 color: #000000; 122 } 123} 124 125@-moz-keyframes titlePulse 126 { 127 0% { 128 color: #000000; 129 } 130 50% { 131 color: #F3A500; 132 } 133 100% { 134 color: #000000; 135 } 136} 137 138@-webkit-keyframes titlePulse 139 { 140 0% { 141 color: #000000; 142 } 143 50% { 144 color: #F3A500; 145 } 146 100% { 147 color: #000000; 148 } 149} 150 151 152</style> 153 154<figure id="loading"> </figure> 155<nav id="overlord" class=""> 156 <div id="lockup" class=""> 157 <figure id="logo_top" class=" "> 158 <a href="/">Svbtle</a> 159 </figure> 160 </div> 161 <figure id="hamburger"> 162 <a href="#menu" id="hamburger_button">Menu</a> 163 </figure> 164 <ul id="dropdown" class="onblog"> 165 <li class="dropdown_message"> 166 <a href="https://svbtle.com">@ fat is writing on the <span class="logoize">Svbtle</span> network.</a> 167 </li> 168 <li><a href="https://code.byfat.xxx" target="_blank">code.byfat.xxx</a></li> 169 <li><a href="https://x.com/fat" class="xdotcom" target="_blank">@fat</a></li> 170 <li><a href="/feed">rss feed</a></li> 171 <li style="margin: 0; padding: 0;"><hr class="overlord_nav" /></li> 172 <li><a href="https://svbtle.com/about">about svbtle</a></li> 173 <li><a href="https://svbtle.com/signup">sign up</a></li> 174 </ul> 175</nav> 176<div id="whiteout"></div> 177 178<header id="user_top" class="cf "> 179 <figure id="user_logo"><a href="http://byfat.xxx">@ fat</a></figure> 180 <h2><a href="http://byfat.xxx">@ fat</a></h2> 181 <h3>Star trek flow, so they klingon me 182</h3> 183 <ul id="user_links"> 184 <li><a href="https://x.com/fat" class="xdotcom">@fat</a></li> 185 <li><a href="https://code.byfat.xxx" >code.byfat.xxx</a></li> 186 </ul> 187</header> 188<section id="container" class="blog user_home"> 189 <h6 class="separator_title read_first">Read this first</h6> 190 <article id="g6VotHwWs9cAgXfHzGKLSs" class="post user_show"> 191 <h1 class="article_title"> 192 <a href="http://byfat.xxx/what-is-opensource-and-why-do-i-feel-so-guilty">
192what is opensource and why do i feel so guilty?</a> 193 </h1> 194 <a href="http://byfat.xxx/what-is-opensource-and-why-do-i-feel-so-guilty"> 195 196<p>Last November I was invited to speak in Paris. I had just taken a new job with a company called Obvious and I was pretty confident that this was going to be my last talk â maybe ever.</p> 197 198<p>I had been discussing/thinking about this idea of guilt for a while (in particular the feeling of guilt that comes with maintaining an opensource project) and felt like the venue that dotjs was providing made a lot of sense. I also thought the French would be sympathetic and less likely to boo me off stage â which was essentially true.</p> 199 200<p>I think something which works really well in this talk (while simultaneously being something I should apologize for) is that I prepared a 1 ½ hour presentation and then tried to deliver it in 20 minutes⦠in the actual video youâll see about half way through the organizers turned off my 20 min countdown (I was the last talk of the day and in hindsight i think they were...</p> 201 </a> 202 <p><a href="http://byfat.xxx/what-is-opensource-and-why-do-i-feel-so-guilty" class="buttonize outline small">Continue reading →</a></p> 203 </article> 204 <hr class="articlesplit" /> 205 <article id="bQHSYJizErjv68uGBYD9me" class="post user_show"> 206 <time datetime="2012-11-12" class="article_time">Nov 12, 2012</time> 207 <h1 class="article_title"><a href="http://byfat.xxx/deep-emo-shit">deep emo shit</a></h1> 208 <a href="http://byfat.xxx/deep-emo-shit" class="content"><p>The other day in IRC my good friend Divya brought up Dustin Curtisâs recent blog posts by saying âit seems like heâs so sad.â</p> 209<p>I agreed.</p> 210 211<p><img src="https://svbtleusercontent.com/inline_fat_24345323970966_raw.jpg" alt="document.jpg"></p> 212 213<p>To be sure, Dustinâs more recent writing covers topics that his blog has been more or less focusing on since itâs inception (largely tech), but this undertone of âsadnessâ seems more explicit than in the past. </p> 214 215<p>And it was precisely this explicitness â and perhaps my proximity to this particular story â which served as a reminder of the <em>transparency</em> and <em>vulnerability</em> inherent in writing. </p> 216 217<hr> 218 219<p>After leaving my job at Twitter, I decided to take a break from writing here. But I didnât stop writing code (perhaps i even wrote more of it).</p> 220 221<p>Sigmund Freud has this line:</p> 222<blockquote class="short"> 223<p>Unexpressed emotions will never die. They are buried alive and will come forth later in uglier ways.</p> 224</blockquote> 225<p>What I hadnât anticipated, was that the âuglier wayâ Freud was talking about would be...</p></a> 226 <p class="continue_mark"><a href="http://byfat.xxx/deep-emo-shit" class="buttonize outline small">Continue reading →</a></p> 227 </article> 228 <hr class="articlesplit" /> 229 <article id="5oqX8byCx5cSFBf5Fef8kr" class="post user_show"> 230 <time datetime="2012-08-24" class="article_time">Aug 24, 2012</time> 231 <h1 class="article_title"><a href="http://byfat.xxx/rien-ne-tient-en-place">rien ne tient en place</a></h1> 232 <a href="http://byfat.xxx/rien-ne-tient-en-place" class="content"><p>A good friend wrote me a few years ago with the subject: rien ne tient en place. I donât speak French. But google assures me it means: <em>nothing holds it in place</em>.</p> 233<p><img src="https://svbtleusercontent.com/inline_fat_24225100114824_raw.jpg" alt="camus.jpg"></p> 234 235<p>One time after class, a professor shared he had been translating books on the side. He found it somewhat entertaining and a good source of additional income. We talked about it for a while and by chance I mentioned I only spoke english. To this he asked:</p> 236<blockquote> 237<p>If I were translating a book, and found a hole in the discourse (or an âoddâ transition from one chapter to the next), would you expect me to translate the text word for word, or attempt to fill in the blanks?</p> 238</blockquote> 239<p>Up until that point I had never really considered the latter possibility. I had always expected a completely literal, almost mechanical translation.</p> 240 241<p>So you can imagine how crushed I was when he told me that he had not only added sentences and paragraphs, but...</p></a> 242 <p class="continue_mark"><a href="http://byfat.xxx/rien-ne-tient-en-place" class="buttonize outline small">Continue reading →</a></p> 243 </article> 244 <hr class="articlesplit" /> 245 <article id="p6cujzWNgEHBMDsx3ruEK4" class="post user_show"> 246 <time datetime="2012-08-17" class="article_time">Aug 17, 2012</time> 247 <h1 class="article_title"><a href="http://byfat.xxx/burn-your-idols">YES PLS LETS BURNNNN</a></h1> 248 <a href="http://byfat.xxx/burn-your-idols" class="content"><p><em>Todayâs contribution comes from another good friend of mine, [Divya Manian](//twitter.com/divya). Worried that my introduction was sounding a bit too âofficious"⦠Iâll just say I met Divya on a boat full of JavaScript nerds in Austin, where she went on at length about how she hated how i wrote code. Despite this, sheâs incredibly talented, well read, and offers a really interesting perspective on web development and the community at large. You should definitely also check out her writing here and please, let us know what you think on [twitter](//twitter.com/divya)!</em></p> 249<hr> 250 251<p>
251From Ozymandias by Percy Bysshe Shelley:</p> 252<blockquote> 253<p>And on the pedestal these words appear:<br><br> 254"My name is Ozymandias, king of kings:<br><br> 255Look on my works, ye Mighty, and despair!â<br><br> 256Nothing beside remains. Round the decay<br><br> 257Of that colossal wreck, boundless and bare<br><br> 258The lone and level sands stretch far away.<br></p> 259</blockquote> 260<p>I have been an idol-worshipper for...</p></a> 261 <p class="continue_mark"><a href="http://byfat.xxx/burn-your-idols" class="buttonize outline small">Continue reading →</a></p> 262 </article> 263 <hr class="articlesplit" /> 264 <article id="jXob94eLpg5PfQJa7kTz89" class="post user_show"> 265 <time datetime="2012-08-10" class="article_time">Aug 10, 2012</time> 266 <h1 class="article_title"><a href="http://byfat.xxx/chomsky">Chomsky canât be bothered to learn C</a></h1> 267 <a href="http://byfat.xxx/chomsky" class="content"><p>Itâs wonderful to watch Noam Chomsky completely write off Postmodernism. </p> 268<p>If youâre unfamiliar with Chomsky, heâs a largely well regarded, American intellectual and MIT professor of Linguistics and Philosophy (emeritus). And yet, despite his accolades, his dismissal of the Postmodern movement itself isnât anything special. </p> 269 270<p>Whatâs truly great however, and really worth considering, are the grounds by which in this post he issued his dismissal. </p> 271 272<p><img src="https://svbtleusercontent.com/inline_fat_24202180846044_raw.png" alt="Untitled-5.png"></p> 273 274<p>In a single gesture, Chomsky threw out everything offered by Lacan, Derrida, Foucault, and countless other âParis Intellectualsâ on the basis of <em>dialect alone</em>: a Postmodern dialect, which he found to be incompressible, âgibberish.â Latent with what he describes as âthree-syllable words, incoherent sentences, and inflated rhetoric that (to [Chomsky
274], at least) was largely meaningless,â Postmodern writing not only turned Chomsky off on its...</p></a> 275 <p class="continue_mark"><a href="http://byfat.xxx/chomsky" class="buttonize outline small">Continue reading →</a></p> 276 </article> 277 <hr class="articlesplit" /> 278 <article id="2vPVXo6Q2b87L89SsahbW9" class="post user_show"> 279 <time datetime="2012-08-03" class="article_time">Aug 3, 2012</time> 280 <h1 class="article_title"><a href="http://byfat.xxx/if-hemingway-wrote-javascript">If Hemingway wrote JavaScript</a></h1> 281 <a href="http://byfat.xxx/if-hemingway-wrote-javascript" class="content"><p><em>The following article was written by my good friend and colleague, [Angus Croll](//twitter.com/angustweets). Angus works on the web core team at twitter, talks at conferences around the world, and runs an amazing [blog](//javascriptweblog.wordpress.com) on javascript. Beyond this, heâs also a huge book nerd, so I thought it would be fun to get him to write about code from that perspective. Check it out! And let us know what you think on [twitter](//twitter.com/angustweets)!</em></p> 282<hr> 283 284<p>The New Book <em>âIf Hemingway wrote JavaScriptâ</em> is out in September 2014.<br> 285Pre-order your copy here!</p> 286 287<hr> 288 289<p>I loved literature long before I ever wrote a line of code. Now I write JavaScript, lots of it, and Iâm writing a book about it.</p> 290 291<p>What is it about JavaScript that attracts so many literature devotees? I have a few half-baked theories relating to the expressive potential of a limited syntax, but thatâs for another...</p></a> 292 <p class="continue_mark"><a href="http://byfat.xxx/if-hemingway-wrote-javascript" class="buttonize outline small">Continue reading →</a></p> 293 </article> 294 <hr class="articlesplit" /> 295 <article id="jDTsPKv4g9Dmdmjw5b61KG" class="post user_show"> 296 <time datetime="2012-07-27" class="article_time">Jul 27, 2012</time> 297 <h1 class="article_title"><a href="http://byfat.xxx/eating-a-whopper">eating a whopper</a></h1> 298 <a href="http://byfat.xxx/eating-a-whopper" class="content"><p>In 1981, the Danish filmmaker Jorgen Leth invited artist Andy Warhol to his New York studio to film a short scene which focused on Andy eating a hamburger. If you havenât seen it, watch it now. Through this film, we see an otherwise ordinary activity reinterpreted as art. A gesture not unlike Duchampâs fountain.</p> 299<p><img src="https://svbtleusercontent.com/inline_fat_24181382628054_raw.png" alt="burger.png"></p> 300 301<p>
301A little over a year ago, Elliot Cable began a similar experiment. He began collecting and contributing various code snippets to dribbble (an invite only, show and tell site for designers). Elliot later commented on his âshotsâ:</p> 302<blockquote> 303<p>I know Dribbble isnât Forrst. Iâm not posting my code as code, Iâm posting it as visual art. I consider source code a medium for artistic expression, hence why Iâm posting my work here in this way. Iâll be trying to post shots from various languages / markups, in various styles; anything I consider to be visually interesting. I also may be adjusting...</p> 304</blockquote></a> 305 <p class="continue_mark"><a href="http://byfat.xxx/eating-a-whopper" class="buttonize outline small">Continue reading →</a></p> 306 </article> 307 <hr class="articlesplit" /> 308 <article id="cGEfAVtQDUVot7pLwheKQZ" class="post user_show"> 309 <time datetime="2012-07-20" class="article_time">Jul 20, 2012</time> 310 <h1 class="article_title"><a href="http://byfat.xxx/deleuze-on-working-together">in·ti·mate</a></h1> 311 <a href="http://byfat.xxx/deleuze-on-working-together" class="content"><p>i think thereâs something to intimacy. even though itâs almost certainly the wrong word for what iâm talking about (i really mean something closer to a gender-inclusive-bromance).</p> 312<p>nonetheless, i want to make a case for it. and i want to make a case for it in terms of the creative process. and in terms of engineering as one such example of this process. </p> 313 314<p><img src="https://svbtleusercontent.com/inline_fat_24169763754540_raw.png" alt="kidz.png"></p> 315 316<p>arguably, the greatest philosophical work of the last 100 years, âA Thousand Plateaus,â was written by two men, Gilles Deleuze and Felix Guatarri. just after Felixâs death, in a letter to Kunicchi Uno titled âHow Felix and I worked togetherâ, Gilles Deleuze wrote:</p> 317<blockquote> 318<p>Our differences worked against us, but they worked for us even more. We never had the same rhythm. Felix would sometimes complain that I didnât respond to the long letters he would send me: itâs because I wasnât up to it, not at that moment. I was only able to use them...</p> 319</blockquote></a> 320 <p class="continue_mark"><a href="http://byfat.xxx/deleuze-on-working-together" class="buttonize outline small">Continue reading →</a></p> 321 </article> 322 <hr class="articlesplit" /> 323 <article id="eGTcojP2PpE8ZT8KgiHa2e" class="post user_show"> 324 <time datetime="2012-07-13" class="article_time">Jul 13, 2012</time> 325 <h1 class="article_title"><a href="http://byfat.xxx/ben-shahn">fvck school</a></h1> 326 <a href="http://byfat.xxx/ben-shahn" class="content"><p>I offered the following bit of advice on twitter.</p> 327<blockquote class="twitter-tweet"> 328<p>Drop out of school or study english. Thatâs how you win at javascript.</p>â âââ (@fat) May 28, 2012 329</blockquote> 330 331 332 333<p>A number of people agreed. A number disagreed. But the vast majority suggested I was being controversial for controversy sake. Or a âhipster.â Or something. This is not the case. So, in an attempt to rectify that, I offer you this sincere exegesis of my tweet and my first weekly installment to the svbtle network.</p> 334<h4>Shapes 335</h4> 336<p>Ben Shahn is an American artist who gave a series of lectures at Harvard which were later collected into a book published in 1957 entitled âThe Shape of Content.â</p> 337 338<p><img src="https://svbtleusercontent.com/inline_fat_24157274578902_raw.png" alt="shahn.png"></p> 339 340<p>In his first lecture, âArtists in Colleges,â he posits that a successful integration of art into academic policy would be one which promotes unifying different branches of study into a âwholeâ culture. Here diverse fields like physics or mathematics would...</p></a> 341 <p class="continue_mark"><a href="http://byfat.xxx/ben-shahn" class="buttonize outline small">Continue reading →</a></p> 342 </article> 343 344</section> 345<footer id="blog_foot" class="cf"> 346 <ul id="foot_links"> 347 <li><a href="https://x.com/fat">@fat</a></li> 348 <li><a href="https://code.byfat.xxx" >code.byfat.xxx</a></li> 349 </ul> 350 <figure id="user_foot"><a href="/">Svbtle</a></figure> 351 <h5><a href="http://byfat.xxx">@ fat</a></h5> 352</footer> 353<footer id="foot"> 354 <figure id="logo_foot"><a href="https://svbtle.com">Svbtle</a></figure> 355 <a href="https://svbtle.com/terms" style="color: #ccc; margin-left: 25px;">Terms</a> <span style="color: #ccc;">â¢</span> <a href="https://svbtle.com/privacy" style="color: #ccc;">Privacy</a> 356 <span style="color: #ccc;">â¢</span> <a href="https://svbtle.com/promise" style="color: #ccc; margin-right: 15px;">Promise</a> 357 <br/><br/> 358</footer> 359 360<div id="lights"> </div> 361<div id="app-data" data-name="svbtle" data-version="8.5-legible" data-magicNum="2572031820.15"></div><div id="px-data" data-ax="blogs" data-sx="show"></div><div id="user-data" data-here="false" data-state="logged-out"></div><div id="blog-data" data-title="@ fat" data-blogname="fat" data-extid="ihnV5V64BTsuw3nHHu9qHx" data-color="F3A500" data-color-rgb="243,165,0" data-color-rgba="(243,165,0,0.5)" data-blog-tracker="UA-33088259-1"></div></body> 362</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.