PageRenderTime 23ms CodeModel.GetById 20ms RepoModel.GetById 1ms app.codeStats 0ms

/page5/index.html

https://github.com/bcherry/bcherry.github.com
HTML | 417 lines | 224 code | 167 blank | 26 comment | 0 complexity | 738085cc15a00affbd75c06e952eb138 MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8" />
    5. 

  5.     <title>Adequately Good - By Ben Cherry</title>
    6. 

  6. 

  7.     <!-- CSS, including Blueprint, jQuery w/Smoothness, and AG CSS -->
    8. 

  8.     <link rel="stylesheet" href="/css/blueprint/blueprint.min.css" media="screen, projection" />
    9. 

  9.     <link rel="stylesheet" href="/css/blueprint/print.min.css" media="print" />
    10. 

  10.     <!--[if lt IE 8]>
    11. 

  11.       <link rel="stylesheet" href="/css/blueprint/ie.min.css" media="screen, projection">
    12. 

  12.     <![endif]-->
    13. 

  13.     <link rel="stylesheet" href="/css/ag.css" media="screen" />
    14. 

  14. 

  15.     <!-- Extra <head> Links -->
    16. 

  16.     <link rel="alternate" type="application/atom+xml" title="Adequately Good Atom Feed" href="http://www.adequatelygood.com/feeds/atom.xml" />
    17. 

  17. 

  18.     <!-- TODO: favicon -->
    19. 

  19. 

  20.     <!-- IE HTML5 Compatibility -->
    21. 

  21.     <!--[if IE]>
    22. 

  22.       <script type="text/javascript">
    23. 

  23.         (function () {
    24. 

  24.           var tags = "header hgroup nav article time footer".split(" "),
    25. 

  25.             i = 0,
    26. 

  26.             l = tags.length;
    27. 

  27.           for (; i < l; i += 1) {
    28. 

  28.             document.createElement(tags[i]);
    29. 

  29.           }
    30. 

  30.         }());
    31. 

  31.       </script>
    32. 

  32.     <![endif]-->
    33. 

  33.   </head>
    34. 

  34.   <body>
    35. 

  35.     <a name="top"></a>
    36. 

  36.     <div id="container" class="container">
    37. 

  37. 

  38.       <!-- Header -->
    39. 

  39.       <header class="span-24 last">
    40. 

  40.         <!-- Title -->
    41. 

  41.         <div id="title" class="span-24 last">
    42. 

  42.           <div class="span-17 colborder prepend-top append-bottom">
    43. 

  43.             <hgroup>
    44. 

  44.               <h1>
    45. 

  45.                 <a href="/">adequately good</a>
    46. 

  46.               </h1>
    47. 

  47.               <h3 class="prepend-2 alt">decent programming advice</h3>
    48. 

  48.             </hgroup>
    49. 

  49.           </div>
    50. 

  50.           <div class="span-6 last prepend-top append-bottom">
    51. 

  51.             <h2>
    52. 

  52.               written by
    53. 

  53.               <a href="http://twitter.com/bcherry">ben cherry</a>
    54. 

  54.             </h2>
    55. 

  55.           </div>
    56. 

  56.         </div>
    57. 

  57. 

  58.         <hr />
    59. 

  59. 

  60.         <!-- Navigation Bar -->
    61. 

  61.         <nav class="prepend-2 span-20 append-2 last append-bottom">
    62. 

  62.           <div class="span-5">
    63. 

  63.             <a href="/">home</a>
    64. 

  64.           </div>
    65. 

  65.           <div class="span-5">
    66. 

  66.             <a href="#" id="archiveLink">archives</a>
    67. 

  67.           </div>
    68. 

  68.           <div class="span-5">
    69. 

  69.             <a href="/about.html">about</a>
    70. 

  70.           </div>
    71. 

  71.           <div class="span-5 last">
    72. 

  72.             <a href="/feeds/atom.xml">feed</a>
    73. 

  73.           </div>
    74. 

  74.         </nav>
    75. 

  75. 

  76.         <!-- Archives Links -->
    77. 

  77.         <div id="archives" class="span-24 last smallalts">
    78. 

  78.           <hr />
    79. 

  79.           <div class="archivelinks">
    80. 

  80.             <span class="alt">posts by year</span>
    81. 

  81.             
    82. 

  82.               
    83. 

  83.               
    84. 

  84.               
    85. 

  85.             
    86. 

  86.               
    87. 

  87.               
    88. 

  88.               
    89. 

  89.             
    90. 

  90.               
    91. 

  91.               
    92. 

  92.               
    93. 

  93.             
    94. 

  94.               
    95. 

  95.               
    96. 

  96.               
    97. 

  97.             
    98. 

  98.               
    99. 

  99.               
    100. 

  100.               
    101. 

  101.             
    102. 

  102.               
    103. 

  103.               
    104. 

  104.               
    105. 

  105.                 <a class="tight" href="/2009">2009</a>
    106. 

  106.               
    107. 

  107.             
    108. 

  108.               
    109. 

  109.               
    110. 

  110.               
    111. 

  111.             
    112. 

  112.               
    113. 

  113.               
    114. 

  114.               
    115. 

  115.             
    116. 

  116.               
    117. 

  117.               
    118. 

  118.               
    119. 

  119.             
    120. 

  120.               
    121. 

  121.               
    122. 

  122.               
    123. 

  123.             
    124. 

  124.               
    125. 

  125.               
    126. 

  126.               
    127. 

  127.             
    128. 

  128.               
    129. 

  129.               
    130. 

  130.               
    131. 

  131.             
    132. 

  132.               
    133. 

  133.               
    134. 

  134.               
    135. 

  135.             
    136. 

  136.               
    137. 

  137.               
    138. 

  138.               
    139. 

  139.             
    140. 

  140.               
    141. 

  141.               
    142. 

  142.               
    143. 

  143.             
    144. 

  144.               
    145. 

  145.               
    146. 

  146.               
    147. 

  147.             
    148. 

  148.               
    149. 

  149.               
    150. 

  150.               
    151. 

  151.             
    152. 

  152.               
    153. 

  153.               
    154. 

  154.               
    155. 

  155.             
    156. 

  156.               
    157. 

  157.               
    158. 

  158.               
    159. 

  159.             
    160. 

  160.               
    161. 

  161.               
    162. 

  162.               
    163. 

  163.             
    164. 

  164.               
    165. 

  165.               
    166. 

  166.               
    167. 

  167.             
    168. 

  168.               
    169. 

  169.               
    170. 

  170.               
    171. 

  171.                 <a class="tight" href="/2010">2010</a>
    172. 

  172.               
    173. 

  173.             
    174. 

  174.               
    175. 

  175.               
    176. 

  176.               
    177. 

  177.             
    178. 

  178.               
    179. 

  179.               
    180. 

  180.               
    181. 

  181.                 <a class="tight" href="/2011">2011</a>
    182. 

  182.               
    183. 

  183.             
    184. 

  184.           </div>
    185. 

  185.         </div>
    186. 

  186. 

  187.         <hr />
    188. 

  188.       </header>
    189. 

  189. 

  190.       <div id="colcontainer" class="span-24 last">
    191. 

  191.         <!-- Main content: Posts, etc. -->
    192. 

  192.         <div id="content" class="span-17 colborder">
    193. 

  193.           <a name="main"></a>
    194. 

  194.           
    195. 

  195.   <article class="span-17 last">
    196. 

  196.   <header class="span-17 last">
    197. 

  197.   
    198. 

  198.     <time class="alt" datetime="2009-11-05" pubdate>2009-11-05</time>
    199. 

  199.   
    200. 

  200.   <h1><a href="/Javascript-Pseudo-threading.html">Javascript Pseudo-threading</a></h1>
    201. 

  201. </header>
    202. 

  202.   <div class="span-17 last entry">
    203. 

  203.     <html><body>
    204. 

  204. <p><strong><em>This post has been migrated from my old, defunct blog at bcherry.net. The links may not work, and the formatting may be wonky.</em></strong></p>
    205. 

  205. 

  206. <p>I’ve been playing around with asynchronous Javascript for repeated large-set actions, in the hopes of generating some useful techniques for real applications. I’ve narrowed down a...</p>
    207. 

  207. </body></html>
    208. 

  208.   </div>
    209. 

  209. </article>
    210. 

  210. 

  211. 

  212.   <article class="span-17 last">
    213. 

  213.   <header class="span-17 last">
    214. 

  214.   
    215. 

  215.     <time class="alt" datetime="2009-11-05" pubdate>2009-11-05</time>
    216. 

  216.   
    217. 

  217.   <h1><a href="/jQuery-Micro-templates.html">jQuery Micro-templates</a></h1>
    218. 

  218. </header>
    219. 

  219.   <div class="span-17 last entry">
    220. 

  220.     <html><body>
    221. 

  221. <p>John Resig wrote a neat micro-templating Javascript function a <a href="http://ejohn.org/blog/javascript-micro-templating/">while back</a>. I’ve been playing with this, and have discovered two things:</p>
    222. 

  222. 

  223. <ol>
    224. 

  224. <li>
    225. 

  225. <p>These templates are totally nestable. Just make an element to be templated within a temp...</p>
    226. 

  226. </li>
    227. 

  227. </ol>
    228. 

  228. </body></html>
    229. 

  229.   </div>
    230. 

  230. </article>
    231. 

  231. 

  232. 

  233.   <article class="span-17 last">
    234. 

  234.   <header class="span-17 last">
    235. 

  235.   
    236. 

  236.     <time class="alt" datetime="2009-11-05" pubdate>2009-11-05</time>
    237. 

  237.   
    238. 

  238.   <h1><a href="/Managing-CSS-Through-Javascript.html">Managing CSS Through JavaScript</a></h1>
    239. 

  239. </header>
    240. 

  240.   <div class="span-17 last entry">
    241. 

  241.     <html><body><p>It’s often very difficult to keep track of what CSS goes where. Especially when you load up on Javascript controls and files in a large application, which render markup that depends on some CSS being there. One solution is to “inline” the CSS in the JavaScript, by adding style to each element as it’s created. This works, but it’s messy. Also, browsers are heavily optimized to apply CSS, faster than any Javascript solution could be. But when you’ve got a fancy script manager like LABjs, remembering to statically link all of the important CSS is a pain. Especially so if you’re not sure at page load whethe...</p></body></html>
    242. 

  242.   </div>
    243. 

  243. </article>
    244. 

  244. 

  245. 

  246.   <article class="span-17 last">
    247. 

  247.   <header class="span-17 last">
    248. 

  248.   
    249. 

  249.     <time class="alt" datetime="2009-11-05" pubdate>2009-11-05</time>
    250. 

  250.   
    251. 

  251.   <h1><a href="/Building-a-Better-Friend-Selector.html">Building a Better Friend Selector</a></h1>
    252. 

  252. </header>
    253. 

  253.   <div class="span-17 last entry">
    254. 

  254.     <html><body>
    255. 

  255. <p><strong><em>This post has been migrated from my old, defunct blog at bcherry.net. The links may not work, and the formatting may be wonky.</em></strong></p>
    256. 

  256. 

  257. <p>Working in social entertainment, one of the lynchpins of the entire business is the friend selector. Without it, there is virtually no way to grow your customer base. Having a simple, effective friend selector ...</p>
    258. 

  258. </body></html>
    259. 

  259.   </div>
    260. 

  260. </article>
    261. 

  261. 

  262. 

  263. 

  264. 

  265. <div id="more_reading">
    266. 

  266.   <p class="smallalts pager">
    267. 

  267.     <span class="alt">go</span>
    268. 

  268.     
    269. 

  269.       
    270. 

  270.         <a class="tight" href="/page4">previous</a>
    271. 

  271.       
    272. 

  272.     
    273. 

  273.     
    274. 

  274.     
    275. 

  275.   </p>
    276. 

  276. </div>
    277. 

  277. 

  278. 

  279.         </div>
    280. 

  280. 

  281.         <!-- Sidebar: Search, links, etc. -->
    282. 

  282.         <div id="sidebar" class="span-6 last">
    283. 

  283.           <hr class="space" />
    284. 

  284. 

  285.           <div id="links">
    286. 

  286.             <h3>the author</h3>
    287. 

  287.             <p>
    288. 

  288.               Ben is a 25 year-old software engineer. He lives and works in San Francisco. Many people think he invented the term "hoisting" in JavaScript, but this is untrue.
    289. 

  289.             </p>
    290. 

  290.             <ul>
    291. 

  291.               <li><a href="http://twitter.com/bcherry">Twitter</a> - @<a class="twitter-anywhere-user" href="http://twitter.com/bcherry">bcherry</a></li>
    292. 

  292.               <li><a href="http://github.com/bcherry">GitHub</a> - My Code</li>
    293. 

  293.               <li><a href="http://www.linkedin.com/in/bcherryprogrammer">LinkedIn</a> - Professional Profile</li>
    294. 

  294.               <li><a href="http://www.facebook.com/bcherry">Facebook</a> - That Other Social Network</li>
    295. 

  295.               <li><a href="http://www.bcherry.net/talks/">Presentations</a> - Slides From My Talks</li>
    296. 

  296.             </ul>
    297. 

  297.             <iframe allowtransparency="true" frameborder="0" scrolling="no"
    298. 

  298.               src="http://platform.twitter.com/widgets/follow_button.html?screen_name=bcherry&amp;button=grey&amp;text_color=7F7F7F&amp;link_color=666666"
    299. 

  299.               style="width:300px; height:20px;"></iframe>
    300. 

  300.           </div>
    301. 

  301. 

  302.           <hr />
    303. 

  303. 

  304.           <div id="tags">
    305. 

  305.             <h3>categories</h3>
    306. 

  306.             <ul>
    307. 

  307.             
    308. 

  308.               <li>
    309. 

  309.                 <a href="/tag/javascript">javascript</a>
    310. 

  310.                 (21)
    311. 

  311.               </li>
    312. 

  312.             
    313. 

  313.               <li>
    314. 

  314.                 <a href="/tag/social%20gaming">social gaming</a>
    315. 

  315.                 (1)
    316. 

  316.               </li>
    317. 

  317.             
    318. 

  318.               <li>
    319. 

  319.                 <a href="/tag/css">css</a>
    320. 

  320.                 (1)
    321. 

  321.               </li>
    322. 

  322.             
    323. 

  323.               <li>
    324. 

  324.                 <a href="/tag/jquery">jquery</a>
    325. 

  325.                 (2)
    326. 

  326.               </li>
    327. 

  327.             
    328. 

  328.               <li>
    329. 

  329.                 <a href="/tag/performance">performance</a>
    330. 

  330.                 (5)
    331. 

  331.               </li>
    332. 

  332.             
    333. 

  333.               <li>
    334. 

  334.                 <a href="/tag/tools">tools</a>
    335. 

  335.                 (2)
    336. 

  336.               </li>
    337. 

  337.             
    338. 

  338.               <li>
    339. 

  339.                 <a href="/tag/html5">html5</a>
    340. 

  340.                 (3)
    341. 

  341.               </li>
    342. 

  342.             
    343. 

  343.               <li>
    344. 

  344.                 <a href="/tag/adequatelygood">adequatelygood</a>
    345. 

  345.                 (1)
    346. 

  346.               </li>
    347. 

  347.             
    348. 

  348.               <li>
    349. 

  349.                 <a href="/tag/timers">timers</a>
    350. 

  350.                 (2)
    351. 

  351.               </li>
    352. 

  352.             
    353. 

  353.               <li>
    354. 

  354.                 <a href="/tag/module%20pattern">module pattern</a>
    355. 

  355.                 (3)
    356. 

  356.               </li>
    357. 

  357.             
    358. 

  358.               <li>
    359. 

  359.                 <a href="/tag/talks">talks</a>
    360. 

  360.                 (1)
    361. 

  361.               </li>
    362. 

  362.             
    363. 

  363.               <li>
    364. 

  364.                 <a href="/tag/slide">slide</a>
    365. 

  365.                 (1)
    366. 

  366.               </li>
    367. 

  367.             
    368. 

  368.               <li>
    369. 

  369.                 <a href="/tag/python">python</a>
    370. 

  370.                 (1)
    371. 

  371.               </li>
    372. 

  372.             
    373. 

  373.               <li>
    374. 

  374.                 <a href="/tag/debugging">debugging</a>
    375. 

  375.                 (1)
    376. 

  376.               </li>
    377. 

  377.             
    378. 

  378.               <li>
    379. 

  379.                 <a href="/tag/testing">testing</a>
    380. 

  380.                 (2)
    381. 

  381.               </li>
    382. 

  382.             
    383. 

  383.               <li>
    384. 

  384.                 <a href="/tag/hashbang">hashbang</a>
    385. 

  385.                 (1)
    386. 

  386.               </li>
    387. 

  387.             
    388. 

  388.             </ul>
    389. 

  389.           </div>
    390. 

  390. 

  391.           <hr />
    392. 

  392. 

  393.           
    394. 

  394.         </div>
    395. 

  395.       </div>
    396. 

  396.     </div>
    397. 

  397. 

  398.     <script>
    399. 

  399.       (function() {
    400. 

  400.         var archiveLink = document.getElementById("archiveLink"),
    401. 

  401.             archives = document.getElementById("archives");
    402. 

  402. 

  403.         archiveLink.onclick = function() {
    404. 

  404.           if (archives.className.match(/\bexpanded\b/)) {
    405. 

  405.             archives.className = archives.className.replace(/\bexpanded\b/g, '');
    406. 

  406.           } else {
    407. 

  407.             archives.className += ' expanded';
    408. 

  408.           }
    409. 

  409.           return false;
    410. 

  410.         };
    411. 

  411.       }());
    412. 

  412.     </script>
    413. 

  413. 

  414.     <!-- Google Analytics -->
    415. 

  415.     <script type="text/javascript">var _gaq =_gaq||[]; _gaq.push(['_setAccount','UA-251077-4']);_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';(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(ga);})();</script>
    416. 

  416.   </body>
    417. 

  417. </html>
    418. 

  418.