PageRenderTime 88ms CodeModel.GetById 28ms RepoModel.GetById 1ms app.codeStats 0ms

/web-excursions-november-4/index.html

https://github.com/brettterpstra/brettterpstra.github.com
HTML | 217 lines | 176 code | 33 blank | 8 comment | 0 complexity | 53023f430fdc49aababafc500d531c0d MD5 | raw file
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2. 

  2. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. 

  3. 

  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    5. 

  5. <head>	
    6. 

  6.   <!-- This site is based on the Auguste template designed and coded [Gian Carlo Franco](www.carlofranco.ca). Antique variation by Brett Terpstra. -->
    7. 

  7. 	<title>Web excursions: November 4</title>
    8. 

  8. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    9. 

  9. 	<meta name="readability-verification" content="rbPZmz5uZnPmEg4UNerszNZUcyxN2aHQL7XcRewB">
    10. 

  10. 	<meta name="description" content="" />
    11. 

  11. 	<meta name="keywords" content="" />
    12. 

  12.   <link rel='me' href='http://www.google.com/profiles/circlesixdesign' />
    13. 

  13. 	<meta name="robots" content="all" />
    14. 

  14. 	<meta name="robots" content="index, follow" />
    15. 

  15. 	<meta name="revisit-after" content="7 days" />
    16. 

  16. 	<meta name="version" content="1.0" />
    17. 

  17. 	<meta name="copyright" content="" />
    18. 

  18. 	<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico" />
    19. 

  19. 	<link rel="apple-touch-icon" href="/favicon.png"/>
    20. 

  20. 	<link rel="alternate" type="application/atom+xml" title="brettterpstra.com RSS Feed" href="/feed.xml" />
    21. 

  21. 	<!-- CSS -->
    22. 

  22. 	<link rel="stylesheet" href="/css/style.css" media="screen" type="text/css"/>
    23. 

  23. 	<link rel="stylesheet" href="/css/monokai.css" media="screen" type="text/css"/>
    24. 

  24. 	<!-- <link rel="stylesheet" href="/css/screen.min.css" media="screen" type="text/css"/> -->
    25. 

  25. 	<!--[if IE 6]>
    26. 

  26. 	<link href="/css/ie.css" rel="stylesheet" media="screen" type="text/css" />
    27. 

  27. 	<![endif]-->
    28. 

  28. </head>
    29. 

  29. <body class="blog single-post">
    30. 

  30. 	<div id="header-wrapper">
    31. 

  31. 		<div id="header">
    32. 

  32. 			<h1>
    33. 

  33. 				<a id="logo" href="/" title="Brett Terpstra">Brett Terpstra</a>
    34. 

  34. 			</h1>
    35. 

  35. 			<div id="nav">
    36. 

  36. 	<ul>
    37. 

  37. 		<li><a id="homebutton" href="/">Home</a></li>
    38. 

  38. 		<li><a id="catebutton" href="/categories/">Categories</a></li>
    39. 

  39. 		<li><a id="tagbutton"  href="/tags/">Topics</a></li>
    40. 

  40. 		<li><a id="contactbutton" href="/contact/">Contact</a></li>
    41. 

  41.     <!-- <li><a id="projectbutton" href="#">Projects</a></li> -->
    42. 

  42. 		<li><a id="aboutbutton" href="/about/">About</a></li>
    43. 

  43. 	</ul>
    44. 

  44. </div><!-- end: #nav -->
    45. 

  45. 		</div><!-- end: #header -->
    46. 

  46. 	</div><!-- end: #header-wrapper-->
    47. 

  47. 	<div id="content-wrapper">
    48. 

  48. 		<div id="main-container" class="clearfix">
    49. 

  49. 			<div id="content">
    50. 

  50. 	<div class="post">
    51. 

  51. 		<div class="post-meta">
    52. 

  52. 			<span class="date">04 Nov 2010 | </span>
    53. 

  53. 			<span class="categories">
    54. 

  54. 				Category: <a href="/categories/bookmarks">Bookmarks</a>
    55. 

  55. 			</span>
    56. 

  56. 			<div class="sharetools"><a href="http://twitter.com/share?url=http://brettterpstra.github.com&amp;via=ttscoff" class="twitter-share-button">Tweet</a><g:plusone href="http://brettterpstra.github.com"></g:plusone></div>
    57. 

  57. 		</div>
    58. 

  58. 		<h1 class="post-title"><a href="#">Web excursions: November&nbsp;4</a></h1>
    59. 

  59. 		<p>Links of interest for November 4:</p>
    60. 

  60. 

  61. <ul>
    62. 

  62.   <li><strong><a href="http://jaka.kubje.org/projects/dropbox-uploader/">Dropbox Uploader · Jaka Jančar</a></strong><br />
    63. 

  63. Dropbox Uploader is a PHP class which can be used to upload files to Dropbox, an online file synchronization and backup service.  </li>
    64. 

  64.   <li><strong><a href="http://html5doctor.com/aside-revisited/">Aside Revisited - HTML5 Doctor</a></strong><br />
    65. 

  65. This is an update to a previous article. The spec has changed to allow aside to be used for secondary content, changing its context depending on whether it&rsquo;s contained within an article.  </li>
    66. 

  66.   <li><strong><a href="http://www.namechecklist.com/#!mandalatea">NameChecklist - Find your name the easy way!</a></strong><br />
    67. 

  67. Use namechecklist to check if your brandname, username, domain and vanity url are still available on the worldwide web.  </li>
    68. 

  68.   <li><strong><a href="http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/">Best Practices of Combining Typefaces - Smashing Magazine</a></strong><br />
    69. 

  69. &ldquo;Some best practices when combining fonts in a design. When used with diligence and attention, these principles will always yield suitable results.&rdquo;  </li>
    70. 

  70.   <li><strong><a href="http://lifehacker.com/5680956/make-dropbox-public-links-download-files-instead-of-viewing-them-in+browser">Make Dropbox Public Links Download Files Instead of Viewing Them In-Browser</a></strong><br />
    71. 

  71. A lot of filetypes will automatically open up in their browser. Here&rsquo;s how to get Dropbox to force downloads instead. Spoiler: add <code>?dl=1</code> (public links only)  </li>
    72. 

  72. </ul>
    73. 

  73. 

  74. 

  75. 	</div>
    76. 

  76. 	<div class="nextprev clearfix">
    77. 

  77. 		<a class="prev" href="/voodoopad-log-navigation-plugins"><span>VoodooPad log navigation plugins</span><br/>&larr; Previous Entry</a>
    78. 

  78. 		<a class="next" href="/web-excursions-october-31-november-4"><span>Web excursions: October 31  November 4</span><br/>Next Entry &rarr;</a>
    79. 

  79. 	</div>
    80. 

  80. 	<div class="related-posts section">
    81. 

  81. 		<h3 class="uppercase-title">Related Posts</h3>
    82. 

  82. 		<ol>
    83. 

  83. 			
    84. 

  84. 				<li><a href="/oft-bash-function-for-opening-a-specific-filetype">oft: Bash function for opening a specific filetype</a></li>
    85. 

  85. 			
    86. 

  86. 				<li><a href="/otask-cli-for-omnifocus">OTask: CLI for OmniFocus</a></li>
    87. 

  87. 			
    88. 

  88. 				<li><a href="/web-excursions-june-28-2011-june-30-2011">Web excursions: June 28, 2011 - June 30,&nbsp;2011</a></li>
    89. 

  89. 			
    90. 

  90. 				<li><a href="/web-excursions-june-15-2011-june-23-2011">Web excursions: June 15, 2011 - June 23,&nbsp;2011</a></li>
    91. 

  91. 			
    92. 

  92. 				<li><a href="/a-bash-function-for-markdown-bloggers">A Bash function for Markdown bloggers</a></li>
    93. 

  93. 			
    94. 

  94. 		</ol>
    95. 

  95. 	</div><!-- end: related-posts -->
    96. 

  96. 	<div id="comments" class="section">
    97. 

  97. 		<div id="num-responses"><span class="responses-number">0</span> Responses. <a href="#comments">Add Yours!</a></div>
    98. 

  98. 		<h3>Discussion</h3>
    99. 

  99.     <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments.</a></noscript>
    100. 

  100.     <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
    101. 

  101. 		<div id="disqus_thread" name="#comments">
    102. 

  102. 		</div>
    103. 

  103. 	</div>
    104. 

  104. </div><!-- end: #content-->
    105. 

  105. <div id="sidebar">
    106. 

  106. 	<div id="side-intro" class="section">
    107. 

  107. 	<div id="side-description">
    108. 

  108. 		<p><strong>Brett Terpstra</strong> is the Tech Lead for the blogs of AOL Tech (Engadget, TUAW, Joystiq, Massively&hellip;). In his free time, he performs mad science with code and shares the results with whoever is curious.</p>
    109. 

  109. 	</div>
    110. 

  110. 	<div id="update-icons">
    111. 

  111. 		<ul>
    112. 

  112. 			<li class="rss"><a href="/feed.xml" title="Grab the Feed">RSS</a></li>
    113. 

  113. 			<li class="twitter"><a class="twitter-anywhere-user" href="http://www.twitter.com/ttscoff">@ttscoff</a></li>
    114. 

  114. 		</ul>
    115. 

  115. 	</div>
    116. 

  116. </div>
    117. 

  117. 	<div id="side-tabs">
    118. 

  118. 	<ul class="tabnav clearfix">
    119. 

  119. 		<li class="active"><a href="#ui-tabs-1">Recent</a></li>
    120. 

  120. 		<li><a href="#ui-tabs-2">Categories</a></li>
    121. 

  121. 		<li><a href="#ui-tabs-3">Projects</a></li>
    122. 

  122. 	</ul>
    123. 

  123. 	<div id="ui-tabs-1" class="tab-content">
    124. 

  124. 		<ul>
    125. 

  125. 			
    126. 

  126. 				<li><a href="/oft-bash-function-for-opening-a-specific-filetype/" title="oft: Bash function for opening a specific filetype">oft: Bash function for opening a specific filetype</a></li>
    127. 

  127. 			
    128. 

  128. 				<li><a href="/otask-cli-for-omnifocus/" title="OTask: CLI for OmniFocus">OTask: CLI for OmniFocus</a></li>
    129. 

  129. 			
    130. 

  130. 				<li><a href="/web-excursions-june-28-2011-june-30-2011/" title="Web excursions: June 28, 2011 - June 30, 2011">Web excursions: June 28, 2011 - June 30,&nbsp;2011</a></li>
    131. 

  131. 			
    132. 

  132. 				<li><a href="/web-excursions-june-15-2011-june-23-2011/" title="Web excursions: June 15, 2011 - June 23, 2011">Web excursions: June 15, 2011 - June 23,&nbsp;2011</a></li>
    133. 

  133. 			
    134. 

  134. 				<li><a href="/a-bash-function-for-markdown-bloggers/" title="A Bash function for Markdown bloggers">A Bash function for Markdown bloggers</a></li>
    135. 

  135. 			
    136. 

  136. 		</ul>
    137. 

  137. 		<a href="/2011/" class="btn-more">more &raquo;</a>
    138. 

  138. 	</div>
    139. 

  139. 	<div id="ui-tabs-2" class="tab-content">
    140. 

  140. 		<ul>
    141. 

  141. 			
    142. 

  142. 				<li><a href="/categories/misc">Misc</a></li>
    143. 

  143. 			
    144. 

  144. 				<li><a href="/categories/blog">Blog</a></li>
    145. 

  145. 			
    146. 

  146. 				<li><a href="/categories/code">Code</a></li>
    147. 

  147. 			
    148. 

  148. 				<li><a href="/categories/bookmarks">Bookmarks</a></li>
    149. 

  149. 			
    150. 

  150. 				<li><a href="/categories/music">Music</a></li>
    151. 

  151. 			
    152. 

  152. 				<li><a href="/categories/write">Write</a></li>
    153. 

  153. 			
    154. 

  154. 		</ul>
    155. 

  155. 		<a href="/categories/" class="btn-more">more &raquo;</a>
    156. 

  156. 	</div>
    157. 

  157. 	
    158. 

  158.   
    159. 

  159.   <div id="ui-tabs-3" class="tab-content">
    160. 

  160.   	<a href="#" class="btn-more">more &raquo;</a>
    161. 

  161.   	
    162. 

  162.   	</ul>
    163. 

  163.   </div>
    164. 

  164.   
    165. 

  165. </div>
    166. 

  166. 	<div id="popular-tags" class="section">	
    167. 

  167. 	<h2 class="section-title">Topics</h2>
    168. 

  168. 	<ul>
    169. 

  169. 		
    170. 

  170. 			<li><a href="/tags/bookmarks" name="bookmarks">bookmarks</a></li>
    171. 

  171. 		
    172. 

  172. 	</ul>
    173. 

  173. </div>
    174. 

  174. </div><!-- end: #sidebar -->
    175. 

  175. <script type="text/javascript">
    176. 

  176.     var disqus_shortname = 'brettterpstra';
    177. 

  177.     var disqus_identifier = 'web-excursions-november-4';
    178. 

  178.     var disqus_url = 'http://brettterpstra.github.com/web-excursions-november-4';
    179. 

  179. 

  180.     /* * * DON'T EDIT BELOW THIS LINE * * */
    181. 

  181.     (function() {
    182. 

  182.         var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    183. 

  183.         dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
    184. 

  184.         (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    185. 

  185.     })();
    186. 

  186. </script>
    187. 

  187. 

  188. 		</div><!-- end: #main-container -->
    189. 

  189. 	</div><!-- end: #content-wrapper -->
    190. 

  190. 	<div id="footer-wrapper">
    191. 

  191. 	<div id="footer">
    192. 

  192. 		<div id="colophon">
    193. 

  193. 			<p>Copyright &copy; 2011 Brett Terpstra. All Rights Reserved.</p>
    194. 

  194. 		</div>
    195. 

  195. 	</div><!-- end: #footer -->
    196. 

  196. </div><!-- end: #footer-wrapper -->
    197. 

  197. 	<!-- Javascript -->
    198. 

  198. 	<script src="/js/jquery.min.js" type="text/javascript"></script>
    199. 

  199. 	<script src="/js/ui.tabs.min.js" type="text/javascript"></script>
    200. 

  200. 	<script src="/js/scripts.js" type="text/javascript"></script>
    201. 

  201. 	
    202. 

  202.   <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
    203. 

  203.   <script type="text/javascript">
    204. 

  204.       /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    205. 

  205.       var disqus_shortname = 'brettterpstra'; // required: replace example with your forum shortname
    206. 

  206. 

  207.       /* * * DON'T EDIT BELOW THIS LINE * * */
    208. 

  208.       (function () {
    209. 

  209.           var s = document.createElement('script'); s.async = true;
    210. 

  210.           s.type = 'text/javascript';
    211. 

  211.           s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
    212. 

  212.           (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    213. 

  213.       }());
    214. 

  214.   </script>
    215. 

  215.   <script src="https://apis.google.com/js/plusone.js"></script>
    216. 

  216. </body>
    217. 

  217. </html>
    218.