PageSourceSearch

https://byfat.xxx/

html byfat.xxx collected 2026-09-29 17:20:16 UTC 21,754 bytes, 362 lines download raw bytes

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">&nbsp;</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&nbsp;this&nbsp;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 –&nbsp;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 &rarr;</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),&nbsp;but this undertone of “sadness” seems more explicit than in the past. </p>
214
215<p>And it was precisely this explicitness&nbsp;– 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 &rarr;</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 &rarr;</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"…&nbsp;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 &rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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">&nbsp;</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.