/
index.html
84 lines (81 loc) · 17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html> <html> <head> <title>index.js</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" media="all" href="docco.css" /> <script type="text/javascript"> if (window.location.hostname != '6a68.net') { return; } var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-32602307-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <script type="text/javascript">
window._idl = {};
_idl.variant = "banner";
(function() {
var idl = document.createElement('script');
idl.type = 'text/javascript';
idl.async = true;
idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner');
document.getElementsByTagName('body')[0].appendChild(idl);
})();
</script> <div id="container"> <div id="background"></div> <div id="jump_to"> Jump To … <div id="jump_wrapper"> <div id="jump_page"> <a class="source" href="code-equals-data-equals-code.html"> code-equals-data-equals-code.js </a> <a class="source" href="fontbomb.html"> fontbomb.js </a> <a class="source" href="frontend-architecture-patterns.html"> frontend-architecture-patterns.js </a> <a class="source" href="functional-programming.html"> functional-programming.js </a> <a class="source" href="index.html"> index.js </a> <a class="source" href="interview-problems-dependency-manager.html"> interview-problems-dependency-manager.js </a> <a class="source" href="js-flow-control.html"> js-flow-control.js </a> <a class="source" href="meebo-jquery.html"> meebo-jquery.js </a> <a class="source" href="reentrant-exceptions.html"> reentrant-exceptions.js </a> <a class="source" href="rsvp.html"> rsvp.js </a> <a class="source" href="theres-a-bluebird-in-my-heart.html"> theres-a-bluebird-in-my-heart.js </a> </div> </div> </div> <table cellpadding="0" cellspacing="0"> <tbody> <tr id="section-1"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-1">¶</a> </div> <h1>Jared Hirsch geeks out</h1> </td> <td class="code"> <div class="highlight"><pre><span class="cm">/*</span>
<span class="cm"> online: ohai at 6a68.net ||</span>
<span class="cm"> @6a68 on <a href="//https://twitter.com/6a68" rel="me">twitter</a> & <a href="https://github.com/6a68" rel="me">github</a> ||</span>
<span class="cm"> http://6a68.net || </span>
<span class="cm"> http://jaredhirsch.com</span>
<span class="cm"> meatspace: Los Angeles, CA </span>
<span class="cm">*/</span></pre></div> </td> </tr> <tr id="section-2"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-2">¶</a> </div> <h2>articles:</h2> </td> <td class="code"> <div class="highlight"><pre></pre></div> </td> </tr> <tr id="section-3"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-3">¶</a> </div> <p><a href="https://hacks.mozilla.org/2013/03/fantastic-front-end-performance-part-3-big-performance-wins-by-optimizing-fonts-a-node-js-holiday-season-part-8/">Big performance wins by optimizing fonts</a>
<br><em>published on <a href="https://hacks.mozilla.org">Mozilla Hacks</a></em>
<br>2013-03-19 · <em>Geekcore</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"Another contribution to the Identity team's node blog series.</span>
<span class="s2">This time, talking about font subsetting and connect-fonts, a sweet</span>
<span class="s2">little middleware that serves up i18n'd subsets for you, plus</span>
<span class="s2">manages CORS headers and generated CSS @font-face declarations."</span></pre></div> </td> </tr> <tr id="section-4"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-4">¶</a> </div> <p><a href="https://gist.github.com/6a68/5187976">@font-face links for the connect-fonts article</a>
<br>2013-03-19 · <em>Geekcore</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"Support material for connect-fonts article: a sparsely-annotated</span>
<span class="s2">list of @font-face links."</span></pre></div> </td> </tr> <tr id="section-5"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-5">¶</a> </div> <p><a href="https://gist.github.com/6a68/5166525">simple horiz-bar graffage</a>
<br>2013-03-19 · <em>Geekcore</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"d3.js material taken from a tutorial and extended. Used to generate</span>
<span class="s2">the horizontal bar graphs in the connect-fonts article, and made public</span>
<span class="s2">in the hopes that someone else can do something with it."</span></pre></div> </td> </tr> <tr id="section-6"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-6">¶</a> </div> <p><a href="https://hacks.mozilla.org/2013/02/fantastic-front-end-performance-in-node-part-2-a-node-js-holiday-season-part-6/">Caching dynamic content with etagify</a>
<br><em>published on <a href="https://hacks.mozilla.org">Mozilla Hacks</a></em>
<br>2013-02-20 · <em>Geekcore</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"First blog post for a significant audience. Part of an</span>
<span class="s2">ongoing node.js series by my team at Mozilla, the Identity</span>
<span class="s2">team. The concrete example was an intro to connect-etagify,</span>
<span class="s2">the broader themes were:</span>
<span class="s2"> * to build simple libraries, focus on the problem at hand</span>
<span class="s2"> * measure your optimizations & use stats to test your measurements"</span></pre></div> </td> </tr> <tr id="section-7"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-7">¶</a> </div> <p><a href="https://gist.github.com/6a68/4971859">All about ETags</a>
<br>2013-02-20 · <em>Geekcore</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"Support material for the etagify article. Originally, I'd</span>
<span class="s2">planned to include material on statistics and on HTTP caching,</span>
<span class="s2">but this 1000 words came out to streamline the main exposition.</span>
<span class="s2">I cover some pretty far-out applications at the end, like</span>
<span class="s2">optimistic concurrency via conditional PUT."</span></pre></div> </td> </tr> <tr id="section-8"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-8">¶</a> </div> <p><a href="https://gist.github.com/4354202">Backup your tumblr with wget</a>
<br>2012-12-21 · <em>Nerdcore</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"After the instagram TOS drama, I decided to download</span>
<span class="s2">my old tumblr photoblog. Rather than just google for</span>
<span class="s2">somebody else's one-liner, I read the wget man page,</span>
<span class="s2">like a Real Neckbeard. It was surprisingly fun; I took</span>
<span class="s2">notes along the way and and threw them in a Gist for</span>
<span class="s2">the sake of future searchers."</span>
<span class="s2">"Classified under nerdcore because it's not really geeky</span>
<span class="s2">enough to compare with the spooky PLT stuff below ;-)"</span></pre></div> </td> </tr> <tr id="section-9"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-9">¶</a> </div> <p><a href="fontbomb.html">fontbomb: somebody else's code, annotated</a>
<br>2012-07-07 · <em>Code</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"Fontbomb is a clever little project with a surprisingly</span>
<span class="s2">well-written codebase. I had nothing to do with it and</span>
<span class="s2">don't know the author, but I really enjoyed looking</span>
<span class="s2">through the code--surprisingly well-written, for what</span>
<span class="s2">looks like a fun little one-off project. I'm publishing</span>
<span class="s2">my notes here as an experiment in public obscurity."</span></pre></div> </td> </tr> <tr id="section-10"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-10">¶</a> </div> <p><a href="interview-problems-dependency-manager.html">JavaScript dependency management: an epic interview question</a>
<br>2012-06-23 · <em>Geekcore</em> <em>Incomplete</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"Building a dependency manager in JS touches on a lot of</span>
<span class="s2">interesting areas you might want to cover in a programming</span>
<span class="s2">interview, and it's a practical enough problem that people</span>
<span class="s2">without a comp sci background could still have fun and</span>
<span class="s2">make headway. I've never been asked this question, and</span>
<span class="s2">since I'm publishing my discussion about it, I'll never</span>
<span class="s2">ask it, but I think it's a cool problem, which is why</span>
<span class="s2">I'm sharing it. The only thing missing is that my formu-</span>
<span class="s2">lation of the problem doesn't test for DOM knowledge, but</span>
<span class="s2">it's easily a big enough task to fill an hour with good discussion."</span></pre></div> </td> </tr> <tr id="section-11"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-11">¶</a> </div> <p><a href="frontend-architecture-patterns.html">Front-end architecture tradeoffs</a>
<br>2012-06-22 · <em>Geekcore</em> <em>Incomplete</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"There's a lot of talk about lightweight vs heavyweight</span>
<span class="s2">approaches to writing front-end code, but evangelists</span>
<span class="s2">don't talk nearly as much about which problems are best</span>
<span class="s2">solved by their favorite tool or framework. This is a</span>
<span class="s2">first pass at listing the factors to consider before</span>
<span class="s2">choosing the tools to use in building a given project."</span></pre></div> </td> </tr> <tr id="section-12"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-12">¶</a> </div> <p><a href="reentrant-exceptions.html">Re-entrant Exceptions in JS</a>
<br>Last updated 2012-06-13 · <em>Geekcore</em> <em>Incomplete</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"If you explicitly control the call stack, then you can</span>
<span class="s2">fire a missing method exception, create the method, then</span>
<span class="s2">resume execution. I learned about this through Smalltalk</span>
<span class="s2">TDD literature. I've always wanted it in JS. So, here's</span>
<span class="s2">an exploration of what it takes to get there."</span></pre></div> </td> </tr> <tr id="section-13"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-13">¶</a> </div> <p><a href="meebo-jquery.html">some jQuery components from meebo days, pulled from the CDN and annotated</a>
<br>2012-06-11 · <em>Code</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"todo: find some YUI components and post those (much more interesting JS)"</span></pre></div> </td> </tr> <tr id="section-14"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-14">¶</a> </div> <p><a href="theres-a-bluebird-in-my-heart.html">There's a Bluebird in my Heart: combinators in JS</a>
<br>Last updated 2012-06-10 · <em>Geekcore</em> <em>Incomplete</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"JS coverage of birdie characters from _To Mock a Mockingbird_."</span></pre></div> </td> </tr> <tr id="section-15"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-15">¶</a> </div> <p><a href="rsvp.html">RSVP, email simplified</a>
<br>Last updated 2012-06-08 · <em>Producty</em> <em>Ongoing</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"Rethinking email; this is a running draft of a product concept. When</span>
<span class="s2">it feels coherent enough, Ill start building it out."</span></pre></div> </td> </tr> <tr id="section-16"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-16">¶</a> </div> <p><a href="functional-programming.html">Functional Programming, thoughts</a>
<br>Last updated 2012-05-31 · <em>Geekcore</em> <em>Incomplete</em></p> </td> <td class="code"> <div class="highlight"><pre></pre></div> </td> </tr> <tr id="section-17"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-17">¶</a> </div> <p><a href="code-equals-data-equals-code.html">Code Equals Data Equals Code: JS metaprogramming</a>
<br>Last updated 2012-05-31 · <em>Geekcore</em> <em>Incomplete</em></p> </td> <td class="code"> <div class="highlight"><pre><span class="s2">"If you keep things simple, going from code to data and back is tractable."</span>
</pre></div> </td> </tr> </tbody> </table> </div> </body> </html>