The Tao of Mac http://taoofmac.com Tech Made Simple CC Attribution-NonCommercial-NoDerivs 3.0 30 Thu, 30 Jul 2015 17:53:26 GMT Thu, 30 Jul 2015 17:53:26 GMT http://blogs.law.harvard.edu/tech/rss yaki Where have all Portugal's young people gone? http://taoofmac.com/space/links/2015/07/27/1558 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/27/1558/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/27/1558/large.jpg" class="thumb" /></a></div> <p>This resonated with me, for <a href="http://taoofmac.com/space/blog/2012/08/24/2240" class="wiki" title="blog/2012/08/24/2240 was updated 2 years, 11 months ago">a number of reasons</a>.</p> <p>It’s actually kind of sad that one of their examples of returning folk is a call-center company…</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/27/1558#where-have-all-portugal-s-young-people-gone-" title="link to http://taoofmac.com/space/links/2015/07/27/1558#where-have-all-portugal-s-young-people-gone-">&#x262F;</a></small> Mon, 27 Jul 2015 15:58:45 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/27/1558#where-have-all-portugal-s-young-people-gone- wiki Receiving Weather Satellite Images for £8 http://taoofmac.com/space/links/2015/07/26/0826 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/26/0826/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/26/0826/large.jpg" class="thumb" /></a></div> <p>Seems like a fun weekend project to do with the kids.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/26/0826#receiving-weather-satellite-images-for--8" title="link to http://taoofmac.com/space/links/2015/07/26/0826#receiving-weather-satellite-images-for--8">&#x262F;</a></small> Sun, 26 Jul 2015 08:26:37 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/26/0826#receiving-weather-satellite-images-for--8 wiki R http://taoofmac.com/space/dev/R <div style="-webkit-border-radius: 8px; background-color: #ccf; color: #000; border: 1px solid #aaf; margin: 0; padding: 3px; overflow: hidden;"><i>This is an update to an item originally published on Friday, May 11<sup>th</sup> 2012.</i></div><br clear="all"/><p><a href="http://www.r-project.org/" title="external link to http://www.r-project.org/" class="http" rel="http://www.r-project.org/">R</a> is a free software environment for statistical computing and graphics that I’ve <a href="http://taoofmac.com/space/links/2012/05/09/2223" class="wiki" title="links/2012/05/09/2223 was updated 3 years, 2 months ago">been using</a> for a while for some specific tasks.</p> <p>I wholeheartedly recommend the the awesome <a href="http://rstudio.org/" title="external link to http://rstudio.org/" class="http" rel="http://rstudio.org/">RStudio</a> if you want to get to grips with it, and looking into <a href="https://github.com/RevolutionAnalytics/RHadoop/wiki" title="secure link to https://github.com/RevolutionAnalytics/RHadoop/wiki" class="https" rel="https://github.com/RevolutionAnalytics/RHadoop/wiki">RHadoop</a> if you want to hook up with your <a href="http://hadoop.apache.org/" title="external link to http://hadoop.apache.org/" class="http" rel="http://hadoop.apache.org/">Hadoop</a> cluster (or, better still, <a href="https://spark.apache.org/docs/latest/sparkr.html" title="secure link to https://spark.apache.org/docs/latest/sparkr.html" class="https" rel="https://spark.apache.org/docs/latest/sparkr.html">SparkR</a>)</p> <h3 id="resources">Resources:</h3> <p><div class="include"><table class="compact" style="background:transparent; margin: 0px; padding: 0px; border-collapse: collapse;"> <thead> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Date</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Link</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Notes</th> </tr> </thead> <tbody> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th colspan="3" style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">2015</th> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jul 15</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://spark.apache.org/docs/latest/sparkr.html" title="secure link to https://spark.apache.org/docs/latest/sparkr.html" class="https" rel="https://spark.apache.org/docs/latest/sparkr.html">SparkR</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">bindings to run R jobs in Spark.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th colspan="3" style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">2014</th> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct 25</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://google.github.io/CausalImpact/CausalImpact.html" title="external link to http://google.github.io/CausalImpact/CausalImpact.html" class="http" rel="http://google.github.io/CausalImpact/CausalImpact.html">CausalImpact</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An R package for Bayesian inference.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th colspan="3" style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">2012</th> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Nov 28</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/wch/extrafont/" title="secure link to https://github.com/wch/extrafont/" class="https" rel="https://github.com/wch/extrafont/">Extrafont</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Use external fonts in charts</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Nov 25</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ramnathv.github.com/slidify/" title="external link to http://ramnathv.github.com/slidify/" class="http" rel="http://ramnathv.github.com/slidify/">Slidify</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A very nice way to present data from R projects.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May 18</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://rpy.sourceforge.net/" title="external link to http://rpy.sourceforge.net/" class="http" rel="http://rpy.sourceforge.net/">Rpy</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A set of <a href="http://taoofmac.com/space/dev/Python" class="wiki" title="dev/Python was updated 3 weeks, 5 days ago">Python</a> bindings</td> </tr> </tbody> </table></div></p><br/><small><a href="http://taoofmac.com/space/dev/R" title="link to http://taoofmac.com/space/dev/R">&#x262F;</a></small><p> <div style="-webkit-border-radius: 8px; font-size: small; background-color: #ccc; color: #000; border: 1px solid #aaa; margin: 0; padding: 3px; overflow: hidden;"><p style="padding; 2px; margin: 2px;"><a title="" href="http://taoofmac.com/"><img align="left" alt="Tao of Mac Icon" src="http://taoofmac.com/img/pavatar48.png"/></a> "<a href="http://taoofmac.com/space/dev/R"><strong>R</strong></a>" was written by <a href="http://taoofmac.com/RuiCarmo">Rui Carmo</a> for <a href="http://taoofmac.com">The Tao of Mac</a> and was originally posted on Friday, May 11<sup>th</sup> 2012. Except as noted, it's &copy;2015 Rui Carmo and licensed for reuse under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>.</p> <p>As usual, please consider <a href="http://taoofmac.com/space/site/Donate">donating</a> towards hosting and bandwidth costs.</p> </div> </p> Sat, 25 Jul 2015 09:25:18 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/dev/R wiki Jupyter Notebooks in Azure ML Studio http://taoofmac.com/space/links/2015/07/25/0841 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/25/0841/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/25/0841/large.jpg" class="thumb" /></a></div> <p>This is <em>awesome</em> – a hosted service for Jupyter/i<a href="http://taoofmac.com/space/dev/Python" class="wiki" title="dev/Python was updated 3 weeks, 5 days ago">Python</a> notebooks, backed by a major player instead of the usual niche/boutique offerings? Sign me up!</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/25/0841#jupyter-notebooks-in-azure-ml-studio" title="link to http://taoofmac.com/space/links/2015/07/25/0841#jupyter-notebooks-in-azure-ml-studio">&#x262F;</a></small> Sat, 25 Jul 2015 08:41:08 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/25/0841#jupyter-notebooks-in-azure-ml-studio wiki Elastic MapReduce on AWS http://taoofmac.com/space/links/2015/07/25/0820 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/25/0820/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/25/0820/large.jpg" class="thumb" /></a></div> <p>This speed at which this kind of services are evolving is pretty amazing. I’m really curious about the <a href="https://spark.apache.org/docs/latest/sparkr.html" title="secure link to https://spark.apache.org/docs/latest/sparkr.html" class="https" rel="https://spark.apache.org/docs/latest/sparkr.html">SparkR</a> support, seeing as <a href="http://taoofmac.com/space/dev/R" class="wiki" title="dev/R was updated some time ago">R</a> really needs a decent parallel processing story.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/25/0820#elastic-mapreduce-on-aws" title="link to http://taoofmac.com/space/links/2015/07/25/0820#elastic-mapreduce-on-aws">&#x262F;</a></small> Sat, 25 Jul 2015 08:20:21 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/25/0820#elastic-mapreduce-on-aws wiki The Verge's web sucks http://taoofmac.com/space/links/2015/07/24/0650 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/24/0650/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/24/0650/large.jpg" class="thumb" /></a></div> <p>Yep, it does. Nilay Patel has <a href="http://www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks" title="external link to http://www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks" class="http" rel="http://www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks">got it all wrong</a>, and this is an excellent explanation of why that is so.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/24/0650#the-verge-s-web-sucks" title="link to http://taoofmac.com/space/links/2015/07/24/0650#the-verge-s-web-sucks">&#x262F;</a></small> Fri, 24 Jul 2015 06:50:51 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/24/0650#the-verge-s-web-sucks wiki JavaScript http://taoofmac.com/space/dev/JavaScript <div style="-webkit-border-radius: 8px; background-color: #ccf; color: #000; border: 1px solid #aaf; margin: 0; padding: 3px; overflow: hidden;"><i>This is an update to an item originally published on Wednesday, Feb 28<sup>th</sup> 2007.</i></div><br clear="all"/><p>The <a href="http://taoofmac.com/space/ECMA" class="wikiunknown" title="ECMA is not defined yet"><span class="caps">ECMA</span></a> – <a href="http://www.ecma-international.org/publications/standards/ECMA-262.HTM" title="external link to http://www.ecma-international.org/publications/standards/ECMA-262.HTM" class="http" rel="http://www.ecma-international.org/publications/standards/ECMA-262.HTM">262</a> Standard, ratified after <a href="http://taoofmac.com/space/Netscape" class="wikiunknown" title="Netscape is not defined yet">Netscape</a> and <a href="http://taoofmac.com/space/com/Microsoft" class="wiki" title="com/Microsoft was updated 5 years, 5 months ago">Microsoft</a> (mostly) agreed to make <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a> and <a href="http://taoofmac.com/space/JScript" class="wikiunknown" title="JScript is not defined yet">JScript</a> interoperable.</p> <h3>Ways To Avoid Writing <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a></h3> <p>I’ve taken to looking for alternative ways to develop in <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a> that don’t require me to put up with its syntax and overall insanity. Here’s a few I like (mostly compilers, since that’s what makes the most sense for me):</p> <table class="compact" style="background:transparent; margin: 0px; padding: 0px; border-collapse: collapse;"> <thead> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Category</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Date</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Link</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Notes</th> </tr> </thead> <tbody> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Compilers</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun 5</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://opalrb.org" title="external link to http://opalrb.org" class="http" rel="http://opalrb.org">Opal</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A <a href="http://taoofmac.com/space/dev/Ruby" class="wiki" title="dev/Ruby was updated 1 year, 1 month ago">Ruby</a> transpiler</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Nov 18th</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://elm-lang.org" title="external link to http://elm-lang.org" class="http" rel="http://elm-lang.org">Elm</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A functional language that compiles to <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/Gozala/wisp" title="secure link to https://github.com/Gozala/wisp" class="https" rel="https://github.com/Gozala/wisp">wisp</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A homoiconic <span class="caps">LISP</span> dialect with <a href="http://taoofmac.com/space/dev/Clojure" class="wiki" title="dev/Clojure was updated 1 week, 3 days ago">Clojure</a> syntax and macros</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/pythonium/pythonium" title="secure link to https://github.com/pythonium/pythonium" class="https" rel="https://github.com/pythonium/pythonium">pythonium</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A <a href="http://taoofmac.com/space/dev/Python" class="wiki" title="dev/Python was updated 3 weeks, 3 days ago">Python</a> 3 to <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a> translator</td> </tr> </tbody> </table> <h3>Resources:</h3> <p>Most of these are library-independent. Check my <a href="http://taoofmac.com/space/dev/JavaScript/jQuery" class="wiki" title="dev/JavaScript/jQuery was updated 1 year, 2 months ago">jQuery</a> page for more, since there’s an entire sub-culture that believes it to be <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a> programming in and by its own…</p> <table class="compact" style="background:transparent; margin: 0px; padding: 0px; border-collapse: collapse;"> <thead> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Category</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Date</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Link</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Notes</th> </tr> </thead> <tbody> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="10" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://en.wikipedia.org/wiki/User_interface" title="link to User_interface on en.wikipedia.org" class="interwiki" rel="Wikipedia:User_interface">UI</a> elements</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jul’15</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/aFarkas/lazysizes" title="secure link to https://github.com/aFarkas/lazysizes" class="https" rel="https://github.com/aFarkas/lazysizes">lazysizes</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">For lazy image loading</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://framerjs.com/" title="external link to http://framerjs.com/" class="http" rel="http://framerjs.com/">Framerjs</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">For designing interactive prototypes</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://github.hubspot.com/odometer/" title="external link to http://github.hubspot.com/odometer/" class="http" rel="http://github.hubspot.com/odometer/">Odometer</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A library for counters with smooth transitions</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://buunguyen.github.io/rainbow.js/" title="external link to http://buunguyen.github.io/rainbow.js/" class="http" rel="http://buunguyen.github.io/rainbow.js/">rainbow.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A slim progress bar</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ricostacruz.com/nprogress/" title="external link to http://ricostacruz.com/nprogress/" class="http" rel="http://ricostacruz.com/nprogress/">nprogress</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Another slim progress bar</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun’12</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/ccampbell/mousetrap" title="secure link to https://github.com/ccampbell/mousetrap" class="https" rel="https://github.com/ccampbell/mousetrap">Mousetrap</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a very nice way to handle keyboard shortcuts</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Feb 26’11</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://jweir.github.com/colorwheel/" title="external link to http://jweir.github.com/colorwheel/" class="http" rel="http://jweir.github.com/colorwheel/">Color Wheel</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A great color picker component</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 17</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://digitarald.de/project/roar/" title="external link to http://digitarald.de/project/roar/" class="http" rel="http://digitarald.de/project/roar/">Roar</a></td> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Two <a href="http://taoofmac.com/space/apps/Growl" class="wiki" title="apps/Growl was updated 5 years, 10 months ago">Growl-like</a> components done with MooTools</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://icebeat.bitacoras.com/mootools/growl/" title="external link to http://icebeat.bitacoras.com/mootools/growl/" class="http" rel="http://icebeat.bitacoras.com/mootools/growl/">Window.Growl 2.0</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://stephencelis.com/projects/timeframe#example_information" title="external link to http://stephencelis.com/projects/timeframe#example_information" class="http" rel="http://stephencelis.com/projects/timeframe#example_information">Timeframe</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Amazing calendar widget with support for date range selection.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Data Binding</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 18</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/imrefazekas/knockout.sync.js" title="secure link to https://github.com/imrefazekas/knockout.sync.js" class="https" rel="https://github.com/imrefazekas/knockout.sync.js">knockout.sync.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A very nice Knockout extension that allows you to sync data among clients and backends</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="16" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Canvas and Graphing</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jan’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/gre/glsl-transition" title="secure link to https://github.com/gre/glsl-transition" class="https" rel="https://github.com/gre/glsl-transition">glsl-transition</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A library that uses GL shaders for transitions</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct 20’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.gojs.net/latest/index.html" title="external link to http://www.gojs.net/latest/index.html" class="http" rel="http://www.gojs.net/latest/index.html">GoJS</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A commercial charting and diagramming library</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 18’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://svgjs.com/" title="external link to http://svgjs.com/" class="http" rel="http://svgjs.com/">svgjs</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A lightweight library for <span class="caps">SVG</span> handling</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May 7’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://jonobr1.github.io/two.js/" title="external link to http://jonobr1.github.io/two.js/" class="http" rel="http://jonobr1.github.io/two.js/">Two.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An intriguing <span class="caps">API</span> that supports a number of back-ends (svg, canvas and WebGL)</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Feb 17’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://gojs.net" title="external link to http://gojs.net" class="http" rel="http://gojs.net">GoJS</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An amazing charting library with support for flowcharts, swimlanes, and a number of business process diagrams.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 25’12</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://impactjs.com/ejecta" title="external link to http://impactjs.com/ejecta" class="http" rel="http://impactjs.com/ejecta">Ejecta</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A fast GL-backed canvas library for <a href="http://taoofmac.com/space/com/Apple/iOS" class="wikiunknown" title="com/Apple/iOS is not defined yet">iOS</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/sporritt/jsplumb/" title="secure link to https://github.com/sporritt/jsplumb/" class="https" rel="https://github.com/sporritt/jsplumb/">jsPlumb</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A Yahoo pipes-like library.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun 25’11</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/paperjs/paper.js" title="secure link to https://github.com/paperjs/paper.js" class="https" rel="https://github.com/paperjs/paper.js">paper.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Amazing open source vector graphics scripting framework that runs on top of the HTML5 Canvas</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Apr 21’10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.kesiev.com/akihabara/" title="external link to http://www.kesiev.com/akihabara/" class="http" rel="http://www.kesiev.com/akihabara/">Akibahara</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A wonderful set of small libraries to clone 8-bit era arcade games,</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jan 19’10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://highcharts.com/" title="external link to http://highcharts.com/" class="http" rel="http://highcharts.com/">Highcharts</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A very comprehensive charting library.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jan 1’10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://raphaeljs.com/" title="external link to http://raphaeljs.com/" class="http" rel="http://raphaeljs.com/">Raphael</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An amazing vector library, with a <a href="http://g.raphaeljs.com/" title="external link to http://g.raphaeljs.com/" class="http" rel="http://g.raphaeljs.com/">charting companion</a> that will knock your socks off.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 3’09</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.mrspeaker.net/2009/12/03/particle-system-with-html5-canvas/" title="external link to http://www.mrspeaker.net/2009/12/03/particle-system-with-html5-canvas/" class="http" rel="http://www.mrspeaker.net/2009/12/03/particle-system-with-html5-canvas/">Parcycle: A Particle System with HTML5 canvas</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Pretty damn amazing.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Nov 6’08</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://blog.thejit.org/javascript-information-visualization-toolkit-jit/" title="external link to http://blog.thejit.org/javascript-information-visualization-toolkit-jit/" class="http" rel="http://blog.thejit.org/javascript-information-visualization-toolkit-jit/">JavaScript Information Visualization Toolkit</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A pretty comprehensive set of resources</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/Canvas.html" title="external link to http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/Canvas.html" class="http" rel="http://developer.apple.com/documentation/AppleApplications/Conceptual/SafariJSProgTopics/Tasks/Canvas.html">Safari Programming Topics</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://developer-test.mozilla.org/docs/Drawing_Graphics_with_Canvas" title="external link to http://developer-test.mozilla.org/docs/Drawing_Graphics_with_Canvas" class="http" rel="http://developer-test.mozilla.org/docs/Drawing_Graphics_with_Canvas">Firefox 1.1 Canvas Support</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://simile.mit.edu/timeline/" title="external link to http://simile.mit.edu/timeline/" class="http" rel="http://simile.mit.edu/timeline/">Timeline</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a draggable <a href="http://en.wikipedia.org/wiki/Dynamic_HTML" title="link to Dynamic_HTML on en.wikipedia.org" class="interwiki" rel="Wikipedia:Dynamic_HTML"><span class="caps">DHTML</span></a> timeline widget</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="7" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Forms and Input</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct 27’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/matthewmueller/date" title="secure link to https://github.com/matthewmueller/date" class="https" rel="https://github.com/matthewmueller/date">date</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A date parser that can take pseudo-natural language strings</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 20’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://n12v.com/focus-transition/" title="external link to http://n12v.com/focus-transition/" class="http" rel="http://n12v.com/focus-transition/">focus-transition</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">should be the default everywhere</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Feb 1’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/ChiperSoft/Kalendae" title="secure link to https://github.com/ChiperSoft/Kalendae" class="https" rel="https://github.com/ChiperSoft/Kalendae">Kalendae</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a very impressive, framework-agnostic date picker</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://javascript.internet.com/forms/auto-tab.html" title="external link to http://javascript.internet.com/forms/auto-tab.html" class="http" rel="http://javascript.internet.com/forms/auto-tab.html">Auto-Tab</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.dynarch.com/projects/calendar/" title="external link to http://www.dynarch.com/projects/calendar/" class="http" rel="http://www.dynarch.com/projects/calendar/">JavaScript Calendar</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://jon.hedley.net/HTMLTabbedDialogWidget.html" title="external link to http://jon.hedley.net/HTMLTabbedDialogWidget.html" class="http" rel="http://jon.hedley.net/HTMLTabbedDialogWidget.html"><span class="caps">HTML</span> Tabbed Dialog Widget</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://webfx.eae.net/dhtml/xloadtree/xloadtree.html" title="external link to http://webfx.eae.net/dhtml/xloadtree/xloadtree.html" class="http" rel="http://webfx.eae.net/dhtml/xloadtree/xloadtree.html">XLoadTree</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">dynamically loading tree control</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="11" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Text Formatting</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://filepicker.github.io/codeblock.js/" title="external link to http://filepicker.github.io/codeblock.js/" class="http" rel="http://filepicker.github.io/codeblock.js/">Codeblock.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A nice way to provide code samples.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Feb 1’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://craig.is/making/rainbows" title="external link to http://craig.is/making/rainbows" class="http" rel="http://craig.is/making/rainbows">Rainbow</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A nice syntax highlighter</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jan 1’10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://code.google.com/p/google-code-prettify/" title="external link to http://code.google.com/p/google-code-prettify/" class="http" rel="http://code.google.com/p/google-code-prettify/">google-code-prettify</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A source code prettifier with support for multiple programming languages.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.math.union.edu/~dpvc/jsMath/" title="external link to http://www.math.union.edu/~dpvc/jsMath/" class="http" rel="http://www.math.union.edu/~dpvc/jsMath/">jsMath: A Method of Including Mathematics in Web Pages</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An amazing (re)interpretation of <a href="http://taoofmac.com/space/Typesetting/TeX" class="wikiunknown" title="Typesetting/TeX is not defined yet">TeX</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct 21’09</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://code.google.com/p/google-code-prettify/" title="external link to http://code.google.com/p/google-code-prettify/" class="http" rel="http://code.google.com/p/google-code-prettify/">JavaScript Prettifier</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Simple to use and effective</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 17’09</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://individed.com/code/to-title-case/" title="external link to http://individed.com/code/to-title-case/" class="http" rel="http://individed.com/code/to-title-case/">To Title Case</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A port of <a href="http://taoofmac.com/space/people/John Gruber" class="wiki" title="people/John Gruber was updated 8 years, 11 months ago">Gruber’s</a> <a href="http://daringfireball.net/2008/08/title_case_update" title="external link to http://daringfireball.net/2008/08/title_case_update" class="http" rel="http://daringfireball.net/2008/08/title_case_update">title case</a> script</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="5" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.attacklab.net/showdown-gui.html" title="external link to http://www.attacklab.net/showdown-gui.html" class="http" rel="http://www.attacklab.net/showdown-gui.html">Showdown</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a <a href="http://taoofmac.com/space/markup/Markdown" class="wiki" title="markup/Markdown was updated 2 years, 7 months ago">Markdown</a> port</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://softwaremaniacs.org/soft/highlight/en/" title="external link to http://softwaremaniacs.org/soft/highlight/en/" class="http" rel="http://softwaremaniacs.org/soft/highlight/en/">Highlight.js</a></td> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">two interesting syntax highlighters</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.dreamprojections.com/syntaxhighlighter/" title="external link to http://www.dreamprojections.com/syntaxhighlighter/" class="http" rel="http://www.dreamprojections.com/syntaxhighlighter/">Syntax Highlighter</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ejohn.org/projects/javascript-diff-algorithm/" title="external link to http://ejohn.org/projects/javascript-diff-algorithm/" class="http" rel="http://ejohn.org/projects/javascript-diff-algorithm/">Diff Algorithm</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://scott.yang.id.au/2004/06/se-hilite/" title="external link to http://scott.yang.id.au/2004/06/se-hilite/" class="http" rel="http://scott.yang.id.au/2004/06/se-hilite/">Search Engine Keyword Highlight</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">yes, I know it’s cheating – but it works fine when you don’t want to hack your back-end.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Tools</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May’12</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/subtleGradient/javascript.tmbundle" title="secure link to https://github.com/subtleGradient/javascript.tmbundle" class="https" rel="https://github.com/subtleGradient/javascript.tmbundle">javascript.tmbundle</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An indispensable <a href="http://taoofmac.com/space/apps/TextMate" class="wiki" title="apps/TextMate was updated 3 years, 9 months ago">TextMate</a> add-on (the autocompletion features alone are priceless)</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Apr’11</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.phantomjs.org/" title="external link to http://www.phantomjs.org/" class="http" rel="http://www.phantomjs.org/">PhantomJS</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A complete <a href="http://en.wikipedia.org/wiki/WebKit" title="link to WebKit on en.wikipedia.org" class="interwiki" rel="Wikipedia:WebKit">WebKit</a> web stack, made scriptable via <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a>. Awesome for testing, rendering pages to raster formats, etc.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">3D</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Mar’12</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://schteppe.github.com/cannon.js/" title="external link to http://schteppe.github.com/cannon.js/" class="http" rel="http://schteppe.github.com/cannon.js/">cannon.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An amazing physics engine.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Mar’11</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://code.google.com/p/adamia-3d/" title="external link to http://code.google.com/p/adamia-3d/" class="http" rel="http://code.google.com/p/adamia-3d/">adamia-3d</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A pure JS library with an interesting math component.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.ambiera.com/copperlicht/index.html" title="external link to http://www.ambiera.com/copperlicht/index.html" class="http" rel="http://www.ambiera.com/copperlicht/index.html">CopperLicht</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A full-featured 3D engine.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/mrdoob/three.js/" title="secure link to https://github.com/mrdoob/three.js/" class="https" rel="https://github.com/mrdoob/three.js/">three.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Probably the current (best) bet to work with WebGL. (some interesting samples <a href="http://aerotwist.com/lab" title="external link to http://aerotwist.com/lab" class="http" rel="http://aerotwist.com/lab">here</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="18" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Toolkits</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/jlongster/js-csp" title="secure link to https://github.com/jlongster/js-csp" class="https" rel="https://github.com/jlongster/js-csp">js-csp</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">All the fun of <a href="http://taoofmac.com/space/dev/Clojure" class="wiki" title="dev/Clojure was updated 1 week, 3 days ago">Clojure</a> <code>core.async</code> without the beauty.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/moot/riotjs" title="secure link to https://github.com/moot/riotjs" class="https" rel="https://github.com/moot/riotjs">Riot.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An opinionated take on <span class="caps">MVP</span></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct’13 <a href="http://minifiedjs.com" title="external link to http://minifiedjs.com" class="http" rel="http://minifiedjs.com">Minified.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A tiny replacement for jQuery/Zepto/etc.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://bookshelfjs.org" title="external link to http://bookshelfjs.org" class="http" rel="http://bookshelfjs.org">Bookshelf.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A sane <span class="caps">ORM</span>.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Feb’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://pouchdb.com" title="external link to http://pouchdb.com" class="http" rel="http://pouchdb.com">PouchDB</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A local storage wrapper with the ability to work offline and sync with a remote source.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://lvivski.github.com/anima/" title="external link to http://lvivski.github.com/anima/" class="http" rel="http://lvivski.github.com/anima/">anima.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A tiny, but flexible animation library.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://rsms.me/uilayer" title="external link to http://rsms.me/uilayer" class="http" rel="http://rsms.me/uilayer">uilayer</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A very nice abstraction for managing content positioning and animation using layers (and 3D transforms).</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://rekapi.com" title="external link to http://rekapi.com" class="http" rel="http://rekapi.com">Rekapi</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A keyframe animation library with tweening.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Aug’11</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://github.com/documentcloud/underscore/" title="external link to http://github.com/documentcloud/underscore/" class="http" rel="http://github.com/documentcloud/underscore/">Underscore</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A small but powerful functional programming toolkit.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Mar’11</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://taoofmac.com/space/links/2011/03/23/1253" class="wiki" title="links/2011/03/23/1253 was updated 4 years, 4 months ago">php.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Useful for porting across app logic.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Feb 20’11</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://jashkenas.github.com/coffee-script/" title="external link to http://jashkenas.github.com/coffee-script/" class="http" rel="http://jashkenas.github.com/coffee-script/">CoffeeScript</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sanity, restored.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Nov 7’09</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://code.google.com/closure/" title="external link to http://code.google.com/closure/" class="http" rel="http://code.google.com/closure/">Closure</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A compiler, library and toolchain by <a href="http://taoofmac.com/space/com/Google" class="wiki" title="com/Google was updated 7 years, 5 months ago">Google</a>.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="6" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://taffydb.com/index.cfm" title="external link to http://taffydb.com/index.cfm" class="http" rel="http://taffydb.com/index.cfm">Taffy DB</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">an interesting “database” library.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://prototype.conio.net/" title="external link to http://prototype.conio.net/" class="http" rel="http://prototype.conio.net/">Prototype</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">heavily driven by <a href="http://taoofmac.com/space/dev/Ruby/Rails" class="wiki" title="dev/Ruby/Rails was updated 9 years, 1 month ago">Rails</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.cross-browser.com" title="external link to http://www.cross-browser.com" class="http" rel="http://www.cross-browser.com">Cross-Browser</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://dojotoolkit.org/" title="external link to http://dojotoolkit.org/" class="http" rel="http://dojotoolkit.org/">dojo Toolkit</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a <a href="http://en.wikipedia.org/wiki/User_interface" title="link to User_interface on en.wikipedia.org" class="interwiki" rel="Wikipedia:User_interface">UI</a> toolkit for dynamic website implementation</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://moofx.mad4milk.net/" title="external link to http://moofx.mad4milk.net/" class="http" rel="http://moofx.mad4milk.net/">Moo.fx</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">very lightweight (3KB)</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://jquery.com/" title="external link to http://jquery.com/" class="http" rel="http://jquery.com/">JQuery</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">it’s everywhere these days.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Server-side</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://duktape.org/" title="external link to http://duktape.org/" class="http" rel="http://duktape.org/">Ducktape</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An embeddable JavaScript engine</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May 16’10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://nodejs.org/" title="external link to http://nodejs.org/" class="http" rel="http://nodejs.org/">node.js</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An event-oriented framework for doing I/O using <a href="http://taoofmac.com/space/com/Google" class="wiki" title="com/Google was updated 7 years, 5 months ago">Google’s</a> V8 engine.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://en.wikipedia.org/wiki/User_interface" title="link to User_interface on en.wikipedia.org" class="interwiki" rel="Wikipedia:User_interface">UI</a> Frameworks</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Apr 10’10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ukijs.org/" title="external link to http://ukijs.org/" class="http" rel="http://ukijs.org/"><span class="caps">UKI</span></a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A simple <a href="http://en.wikipedia.org/wiki/User_interface" title="link to User_interface on en.wikipedia.org" class="interwiki" rel="Wikipedia:User_interface">UI</a> kit for complex web apps that was used to do a complete <a href="http://taoofmac.com/space/apps/Mail" class="wiki" title="apps/Mail was updated 7 years, 8 months ago">Mail.app</a> mock-up</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Nov 7’09</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://cappuccino.org/" title="external link to http://cappuccino.org/" class="http" rel="http://cappuccino.org/">Cappuccino</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Utterly amazing, and used by very complex web apps like <a href="http://280slides.com/" title="external link to http://280slides.com/" class="http" rel="http://280slides.com/">280 Slides</a> and <a href="http://gomockingbird.com/" title="external link to http://gomockingbird.com/" class="http" rel="http://gomockingbird.com/">Mockingbird</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="8" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Media</td> <td rowspan="8" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://smoothslideshow.jondesign.net/index.html" title="external link to http://smoothslideshow.jondesign.net/index.html" class="http" rel="http://smoothslideshow.jondesign.net/index.html">Smooth SlideShow Library</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.openlayers.org/" title="external link to http://www.openlayers.org/" class="http" rel="http://www.openlayers.org/">OpenLayers</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a map navigation <a href="http://en.wikipedia.org/wiki/User_interface" title="link to User_interface on en.wikipedia.org" class="interwiki" rel="Wikipedia:User_interface">UI</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www-128.ibm.com/developerworks/xml/library/x-ajaxslideshow/" title="external link to http://www-128.ibm.com/developerworks/xml/library/x-ajaxslideshow/" class="http" rel="http://www-128.ibm.com/developerworks/xml/library/x-ajaxslideshow/">Ken Burns Slideshows</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.agilepartners.com/blog/2005/12/07/iphoto-image-resizing-using-javascript/" title="external link to http://www.agilepartners.com/blog/2005/12/07/iphoto-image-resizing-using-javascript/" class="http" rel="http://www.agilepartners.com/blog/2005/12/07/iphoto-image-resizing-using-javascript/">iPhoto-like image resizing using Javascript</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://orangoo.com/labs/GreyBox/" title="external link to http://orangoo.com/labs/GreyBox/" class="http" rel="http://orangoo.com/labs/GreyBox/">GreyBox</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a <a href="http://taoofmac.com/space/com/Apple/OSX" class="wiki" title="com/Apple/OSX was updated 8 years, 12 months ago">Mac OS X</a> like popup.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://chimpen.com/fadomatic/index.html" title="external link to http://chimpen.com/fadomatic/index.html" class="http" rel="http://chimpen.com/fadomatic/index.html">fadomatic</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">cross-browser <span class="caps">DIV</span> fader</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.walterzorn.com/index.htm" title="external link to http://www.walterzorn.com/index.htm" class="http" rel="http://www.walterzorn.com/index.htm">Walter Zorn</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">vector drawing, graphing, and other amazing stuff</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://slayeroffice.com/code/imageCrossFade/xfade2.html" title="external link to http://slayeroffice.com/code/imageCrossFade/xfade2.html" class="http" rel="http://slayeroffice.com/code/imageCrossFade/xfade2.html">image cross fader</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="6" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Development</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Apr 17’10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ejohn.org/apps/learn/" title="external link to http://ejohn.org/apps/learn/" class="http" rel="http://ejohn.org/apps/learn/">Learning Advanced Javascript</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An interactive tutorial.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="5" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.billyreisinger.com/jash/" title="external link to http://www.billyreisinger.com/jash/" class="http" rel="http://www.billyreisinger.com/jash/">Jash: JavaScript Shell</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://simon.incutio.com/archive/2006/01/20/escape" title="external link to http://simon.incutio.com/archive/2006/01/20/escape" class="http" rel="http://simon.incutio.com/archive/2006/01/20/escape">Escaping regular expression characters</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.crockford.com/javascript/jslint.html" title="external link to http://www.crockford.com/javascript/jslint.html" class="http" rel="http://www.crockford.com/javascript/jslint.html">JSLint</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">an interesting <a href="http://taoofmac.com/space/lint" class="wikiunknown" title="lint is not defined yet">lint</a> adaptation for <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://gleepglop.com/javascripts/logger/" title="external link to http://gleepglop.com/javascripts/logger/" class="http" rel="http://gleepglop.com/javascripts/logger/">Lumberjack</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a set of logging utilities</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://openjsan.org/" title="external link to http://openjsan.org/" class="http" rel="http://openjsan.org/"><span class="caps">JSAN</span></a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://taoofmac.com/space/dev/CPAN" class="wiki" title="dev/CPAN was updated 12 years, 2 months ago"><span class="caps">CPAN</span></a> for <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a>, of a sort</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Mouse Input</td> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://tool-man.org/examples/sorting.html" title="external link to http://tool-man.org/examples/sorting.html" class="http" rel="http://tool-man.org/examples/sorting.html">Drag-and-Drop Sortable Lists</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.walterzorn.com/dragdrop/dragdrop_e.htm" title="external link to http://www.walterzorn.com/dragdrop/dragdrop_e.htm" class="http" rel="http://www.walterzorn.com/dragdrop/dragdrop_e.htm">Drag-and-Drop Library</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://adomas.org/javascript-mouse-wheel/" title="external link to http://adomas.org/javascript-mouse-wheel/" class="http" rel="http://adomas.org/javascript-mouse-wheel/">Mouse Wheel Programming</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://javascript.geniusbug.com/index.php?action=show&amp;name=pie" title="external link to http://javascript.geniusbug.com/index.php?action=show&amp;name=pie" class="http" rel="http://javascript.geniusbug.com/index.php?action=show&amp;name=pie">Pie Menus</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a nice <a href="http://taoofmac.com/space/Pie" class="wikiunknown" title="Pie is not defined yet">Pie Menus</a> Menus implementation.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Tables</td> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.activewidgets.com/grid/" title="external link to http://www.activewidgets.com/grid/" class="http" rel="http://www.activewidgets.com/grid/">ActiveScripts Grid</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">an impressive grid control</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.kryogenix.org/code/browser/sorttable/" title="external link to http://www.kryogenix.org/code/browser/sorttable/" class="http" rel="http://www.kryogenix.org/code/browser/sorttable/">Sortable Table</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting" title="external link to http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting" class="http" rel="http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting">Standartista Table Sorting</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.mooncalf.me.uk/scripts/table.html" title="external link to http://www.mooncalf.me.uk/scripts/table.html" class="http" rel="http://www.mooncalf.me.uk/scripts/table.html">Sortable and Groupable Table</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://en.wikipedia.org/wiki/Ajax_(programming)" title="link to Ajax_(programming) on en.wikipedia.org" class="interwiki" rel="Wikipedia:Ajax_(programming)">Ajax</a> related</td> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Dec 16’07</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://blog4.bitflux.ch/wiki/LiveSearch" title="external link to http://blog4.bitflux.ch/wiki/LiveSearch" class="http" rel="http://blog4.bitflux.ch/wiki/LiveSearch">LiveSearch</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">the stuff I used on this site’s search box for a while</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://jpspan.sourceforge.net/wiki/doku.php?id=javascript:xmlhttprequest" title="external link to http://jpspan.sourceforge.net/wiki/doku.php?id=javascript:xmlhttprequest" class="http" rel="http://jpspan.sourceforge.net/wiki/doku.php?id=javascript:xmlhttprequest">Everything</a> about the <a href="http://taoofmac.com/space/markup/XML" class="wiki" title="markup/XML was updated 9 years, 3 months ago"><span class="caps" title="Extensible Markup Language">XML</span></a> <a href="http://taoofmac.com/space/protocols/HTTP" class="wiki" title="protocols/HTTP was updated 6 years, 10 months ago"><span class="caps" title="HyperText Transfer Protocol">HTTP</span></a> Request intrinsic object</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">that which is now being dubbed <a href="http://www.adaptivepath.com/publications/essays/archives/000385.php" title="external link to http://www.adaptivepath.com/publications/essays/archives/000385.php" class="http" rel="http://www.adaptivepath.com/publications/essays/archives/000385.php">Ajax</a>. I wonder how far we are from <a href="http://taoofmac.com/space/Tide" class="wikiunknown" title="Tide is not defined yet">Tide</a>.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://jpspan.sourceforge.net/wiki/doku.php" title="external link to http://jpspan.sourceforge.net/wiki/doku.php" class="http" rel="http://jpspan.sourceforge.net/wiki/doku.php"><span class="caps">JPSPAN</span></a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a server-to- <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 2 hours, 14 minutes ago">JavaScript</a> bridge using the <a href="http://taoofmac.com/space/markup/XML" class="wiki" title="markup/XML was updated 9 years, 3 months ago"><span class="caps" title="Extensible Markup Language">XML</span></a> <a href="http://taoofmac.com/space/protocols/HTTP" class="wiki" title="protocols/HTTP was updated 6 years, 10 months ago"><span class="caps" title="HyperText Transfer Protocol">HTTP</span></a> object and some very clever data conversion.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.modernmethod.com/sajax/" title="external link to http://www.modernmethod.com/sajax/" class="http" rel="http://www.modernmethod.com/sajax/"><span class="caps">SAJAX</span></a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">a similar effort geared towards <a href="http://taoofmac.com/space/dev/PHP" class="wiki" title="dev/PHP was updated 1 year, 2 months ago"><span class="caps">PHP</span></a></td> </tr> </tbody> </table> <h3>Snippets:</h3> <h4>Associative Arrays in JavaScript</h4> <div class="syntax"><pre><span class="c1">// Taken from:</span> <span class="c1">// http://philikon.wordpress.com/2010/04/20/associative-arrays-in-javascript/</span> <span class="kd">function</span> <span class="nx">dict</span> <span class="p">()</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">keys</span> <span class="o">=</span> <span class="p">[];</span> <span class="kd">var</span> <span class="nx">values</span> <span class="o">=</span> <span class="p">[];</span> <span class="k">return</span> <span class="p">{</span> <span class="nx">get</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">key</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">values</span><span class="p">[</span><span class="nx">keys</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">key</span><span class="p">)]</span> <span class="p">},</span> <span class="nx">set</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">key</span><span class="p">,</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">keys</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">key</span><span class="p">);</span> <span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="o">===</span> <span class="o">-</span><span class="mi">1</span><span class="p">)</span> <span class="p">{</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">keys</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="p">}</span> <span class="nx">keys</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="nx">key</span><span class="p">;</span> <span class="nx">values</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span> <span class="p">},</span> <span class="nx">del</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">key</span><span class="p">)</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">keys</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">key</span><span class="p">);</span> <span class="nx">keys</span><span class="p">.</span><span class="nx">splice</span><span class="p">(</span><span class="nx">i</span><span class="p">,</span> <span class="mi">1</span><span class="p">);</span> <span class="nx">values</span><span class="p">.</span><span class="nx">splice</span><span class="p">(</span><span class="nx">i</span><span class="p">,</span> <span class="mi">1</span><span class="p">);</span> <span class="p">},</span> <span class="nx">keys</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">keys</span><span class="p">.</span><span class="nx">slice</span><span class="p">();</span> <span class="p">},</span> <span class="nx">values</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">values</span><span class="p">.</span><span class="nx">slice</span><span class="p">();</span> <span class="p">},</span> <span class="p">};</span> <span class="p">}</span> </pre></div><br/><small><a href="http://taoofmac.com/space/dev/JavaScript" title="link to http://taoofmac.com/space/dev/JavaScript">&#x262F;</a></small><p> <div style="-webkit-border-radius: 8px; font-size: small; background-color: #ccc; color: #000; border: 1px solid #aaa; margin: 0; padding: 3px; overflow: hidden;"><p style="padding; 2px; margin: 2px;"><a title="" href="http://taoofmac.com/"><img align="left" alt="Tao of Mac Icon" src="http://taoofmac.com/img/pavatar48.png"/></a> "<a href="http://taoofmac.com/space/dev/JavaScript"><strong>JavaScript</strong></a>" was written by <a href="http://taoofmac.com/RuiCarmo">Rui Carmo</a> for <a href="http://taoofmac.com">The Tao of Mac</a> and was originally posted on Wednesday, Feb 28<sup>th</sup> 2007. Except as noted, it's &copy;2015 Rui Carmo and licensed for reuse under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>.</p> <p>As usual, please consider <a href="http://taoofmac.com/space/site/Donate">donating</a> towards hosting and bandwidth costs.</p> </div> </p> Thu, 23 Jul 2015 11:52:00 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/dev/JavaScript wiki Web Design - The First 100 Years http://taoofmac.com/space/links/2015/07/23/0657 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/23/0657/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/23/0657/large.jpg" class="thumb" /></a></div> <p>This is easily the most awesome presentation transcript I’ve read all year. Wish I’d written something like it.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/23/0657#web-design---the-first-100-years" title="link to http://taoofmac.com/space/links/2015/07/23/0657#web-design---the-first-100-years">&#x262F;</a></small> Thu, 23 Jul 2015 06:57:26 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/23/0657#web-design---the-first-100-years wiki US$340 audiophile Ethernet cables are a thing http://taoofmac.com/space/links/2015/07/23/0614 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/23/0614/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/23/0614/large.jpg" class="thumb" /></a></div> <p><em>“For best results have the arrow pointing in the direction of the flow of music. For example, <span class="caps">NAS</span> to Router, Router to Network Player.”</em></p> <p>You have to be kidding me. I used to sell structured cabling back in the Cat 5 days, so this was especially fun to read. Of course, if you happen to believe that using cables like these (or, in fact, <em>any</em> kind of cable) has an influence on the quality of digital audio, I have this bridge I’d like to sell you. Besides, electrons actually go <em>the other way</em>.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/23/0614#us-340-audiophile-ethernet-cables-are-a-thing" title="link to http://taoofmac.com/space/links/2015/07/23/0614#us-340-audiophile-ethernet-cables-are-a-thing">&#x262F;</a></small> Thu, 23 Jul 2015 06:14:54 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/23/0614#us-340-audiophile-ethernet-cables-are-a-thing wiki A rough ride for Apple Music http://taoofmac.com/space/links/2015/07/23/0606 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/23/0606/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/23/0606/large.jpg" class="thumb" /></a></div> <p>First thing I did with it was switch it off, and I’m glad – I did it because I think streaming services are fundamentally flawed, but I never thought the flaws would extend to syncing and making a hash of people’s libraries. (<a href="http://taoofmac.com/space/links/2015/07/03/1648" class="wiki" title="links/2015/07/03/1648 was updated 2 weeks, 5 days ago">previously</a>)</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/23/0606#a-rough-ride-for-apple-music" title="link to http://taoofmac.com/space/links/2015/07/23/0606#a-rough-ride-for-apple-music">&#x262F;</a></small> Thu, 23 Jul 2015 06:06:16 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/23/0606#a-rough-ride-for-apple-music wiki Visual Studio 2015 launches, with Android, iOS, and even Apple Watch support http://taoofmac.com/space/links/2015/07/21/0556 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/21/0556/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/21/0556/large.jpg" class="thumb" /></a></div> <p>The sheer amount of tooling bundled in is staggering.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/21/0556#visual-studio-2015-launches--with-android--ios--and-even-apple-watch-support" title="link to http://taoofmac.com/space/links/2015/07/21/0556#visual-studio-2015-launches--with-android--ios--and-even-apple-watch-support">&#x262F;</a></small> Tue, 21 Jul 2015 05:56:41 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/21/0556#visual-studio-2015-launches--with-android--ios--and-even-apple-watch-support wiki Working Anywhere Isn't Hard. It Just Takes Planning http://taoofmac.com/space/links/2015/07/20/2024 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/20/2024/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/20/2024/large.jpg" class="thumb" /></a></div> <p>Via <a href="http://om.co/" title="external link to http://om.co/" class="http" rel="http://om.co/">Om Malik</a>, a stupendous tour de force on truly mobile working in 2015, chock full of fascinating little nuggets for European travel – including Portugal.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/20/2024#working-anywhere-isn-t-hard--it-just-takes-planning" title="link to http://taoofmac.com/space/links/2015/07/20/2024#working-anywhere-isn-t-hard--it-just-takes-planning">&#x262F;</a></small> Mon, 20 Jul 2015 20:24:31 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/20/2024#working-anywhere-isn-t-hard--it-just-takes-planning wiki At The Halfway Mark http://taoofmac.com/space/blog/2015/07/19/1124 <p>I’m not a fan of the Quantifiable Self trend that is all the rage these days, but I set myself a goal of reading 50 books this year and Goodreads e-mailed me with a notification I already hit the halfway mark, so here are some of the notable reads so far.</p> <p>First off, an honorable mention regarding <a href="http://www.amazon.co.uk/gp/product/0099465930/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0099465930 on www.amazon.co.uk" rel="/space/ASIN:0099465930">Waiting for the Barbarians</a> - a delightful, gritty read suggested by a dear friend while we contemplated the ongoing acquisition of our company, ensuing corporate paralysis, and the catharsis that comes with it actually going through. It is quite removed from the kind of thing I usually read, and is heartily recommended.</p> <p>That pushed me sideways into a (re)reading a sampling of both modern and historical classics like <a href="http://www.amazon.co.uk/gp/product/0099458322/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0099458322 on www.amazon.co.uk" rel="/space/ASIN:0099458322">Kafka on the Shore</a>, <a href="http://www.amazon.co.uk/gp/product/0141023848/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0141023848 on www.amazon.co.uk" rel="/space/ASIN:0141023848">The Symposium</a>, <a href="http://www.amazon.co.uk/gp/product/014118499X/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to 014118499X on www.amazon.co.uk" class="interwiki" rel="ASIN:014118499X">One Hundred Years of Solitude</a> and <a href="http://www.amazon.co.uk/gp/product/0241968623/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0241968623 on www.amazon.co.uk" rel="/space/ASIN:0241968623">Chronicle of a Death Foretold</a> that made for an interesting couple of weeks, but I’m guessing that’s not exactly what most of my readership is looking for, so I’ll just skip to the hard core bits:</p> <h2 id="programming">Programming</h2> <p>I’m kind of ashamed to say I’m still stuck halfway through <a href="http://www.amazon.co.uk/gp/product/193778553X/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to 193778553X on www.amazon.co.uk" class="interwiki" rel="ASIN:193778553X">Programming Erlang</a>. I learned <a href="http://taoofmac.com/space/dev/Erlang" class="wiki" title="dev/Erlang was updated 6 months, 1 week ago">Erlang</a> a long time ago in a very different context, and I’ve been meaning to return to it for a bit.</p> <p>But work shifted to management again of late, so I have had little opportunity to experiment with a different runtime (I’m sticking to <a href="http://taoofmac.com/space/dev/Python" class="wiki" title="dev/Python was updated 4 weeks, 14 hours ago">Python/Hy</a> and <a href="http://taoofmac.com/space/dev/Java" class="wiki" title="dev/Java was updated 2 years, 2 weeks ago">Java</a>/<a href="http://taoofmac.com/space/dev/Clojure" class="wiki" title="dev/Clojure was updated 1 week, 6 days ago">Clojure</a>, with a little <a href="http://taoofmac.com/space/dev/Csharp" class="wiki" title="dev/Csharp was updated 7 months, 2 weeks ago">C#</a> hacking as an outlier). Nevertheless, Armstrong’s book is still the one to read if you need a thorough understanding of how the language works, and the appendixes were handy when I was trying to cargo cult a skeleton OTP app in a hurry.</p> <p>Other than that, the <a href="http://www.amazon.co.uk/gp/product/1449366171/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 1449366171 on www.amazon.co.uk" rel="/space/ASIN:1449366171">Clojure Cookbook</a> is probably the one I reach for most often these days — even when not doing <a href="http://taoofmac.com/space/dev/Clojure" class="wiki" title="dev/Clojure was updated 1 week, 6 days ago">Clojure</a>, there are more than a few nuggets of <a href="http://taoofmac.com/space/dev/LISP" class="wiki" title="dev/LISP was updated 1 week, 6 days ago">LISP</a>y wisdom in there.</p> <h2 id="leisurely-reads">Leisurely Reads</h2> <p>I have a few actual (i.e. physical) books on my bedside table that I dip into now and then, and I’ve been adding to the pile some stuff to take my mind off technology. Right now, here’s what’s sitting on top of <a href="http://www.amazon.co.uk/gp/product/1848000693/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 1848000693 on www.amazon.co.uk" rel="/space/ASIN:1848000693">The Algorithm Design Manual</a>:</p> <ul> <li><a href="http://www.amazon.co.uk/gp/product/088179211X/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to 088179211X on www.amazon.co.uk" class="interwiki" rel="ASIN:088179211X">The Elements of Typographic Style</a> - I bought this two years ago, and love it. It’s not so much the kind of book you <em>read through</em> as one that you <em>read on</em>, and is crammed with the kind of typgraphycal arcana that appeals to the history buff in me (like the evolution of the ampersand, the multiple kinds of em dash and other esoterica).</li> <li><a href="http://www.amazon.co.uk/gp/product/0007116454/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0007116454 on www.amazon.co.uk" rel="/space/ASIN:0007116454">Drawing on the right side of the brain</a>, because every time I reach for a pencil I feel a craving to fill out a blank page with sketches (yet lack the proper frame of mind to tackle that in earnest).</li> <li><a href="http://www.amazon.co.uk/gp/product/B00EKYX2WA/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00EKYX2WA on www.amazon.co.uk" class="interwiki" rel="ASIN:B00EKYX2WA">Colloquial Chinese</a> (the old edition), so I can appease the frustration of not having been able to keep learning <a href="http://taoofmac.com/space/lang/Mandarin" class="wiki" title="lang/Mandarin was updated 6 years, 1 month ago">Mandarin</a> over the past few years. Most of what little I retained has retreated to obscure nooks and crannies inside my brain, and this is helpful in teasing it out.</li> </ul> <h2 id="sci-fi">Sci-Fi</h2> <p>As usual, this is the genre that makes up for most of my reading/leisure material. </p> <p>Were it not for my making a point of interspersing them with more down-to-earth, charming stuff like <a href="http://www.amazon.co.uk/gp/product/0006550436/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0006550436 on www.amazon.co.uk" rel="/space/ASIN:0006550436">The Bonesetter’s Daughter</a> to remind me that we have plenty of human-scale fiction to explore, it would probably be enough to take my mind off work.</p> <p>So here are my current darlings:</p> <ul> <li>Scalzi’s new “The End of All Things” series, of which I’ve already read the <a href="http://www.amazon.co.uk/gp/product/B00YU7ZAPE/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00YU7ZAPE on www.amazon.co.uk" class="interwiki" rel="ASIN:B00YU7ZAPE">first</a> and <a href="http://www.amazon.co.uk/gp/product/B00YUAUL6E/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00YUAUL6E on www.amazon.co.uk" class="interwiki" rel="ASIN:B00YUAUL6E">second</a> installments and am beginning the <a href="http://www.amazon.co.uk/gp/product/B00YUAUL8M/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00YUAUL8M on www.amazon.co.uk" class="interwiki" rel="ASIN:B00YUAUL8M">third</a>.</li> <li><a href="http://www.amazon.co.uk/gp/product/0575090499/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0575090499 on www.amazon.co.uk" rel="/space/ASIN:0575090499">Poseidon’s Wake</a>, the third in another series (<a href="http://www.amazon.co.uk/gp/product/B006X8GFBQ/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B006X8GFBQ on www.amazon.co.uk" class="interwiki" rel="ASIN:B006X8GFBQ">1</a>, <a href="http://www.amazon.co.uk/gp/product/B00C74SHMU/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00C74SHMU on www.amazon.co.uk" class="interwiki" rel="ASIN:B00C74SHMU">2</a>) I’ve enjoyed quite thoroughly.</li> <li><a href="http://www.amazon.co.uk/gp/product/0356504220/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0356504220 on www.amazon.co.uk" rel="/space/ASIN:0356504220">Nemesis Games</a>, another great read in the Expanse series, which I originally stumbled across a year or so. Like <a href="https://www.tbray.org/ongoing/When/201x/2015/06/04/Nemesis-Games" title="secure link to https://www.tbray.org/ongoing/When/201x/2015/06/04/Nemesis-Games" class="https" rel="https://www.tbray.org/ongoing/When/201x/2015/06/04/Nemesis-Games">Tim Bray</a>, I swam through it with great enjoyment.</li> <li><a href="http://www.amazon.co.uk/gp/product/1616961937/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 1616961937 on www.amazon.co.uk" rel="/space/ASIN:1616961937">Slow Bullets</a>, a delightful novella by Alastair Reynolds</li> <li><a href="http://www.amazon.co.uk/gp/product/1780893043/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 1780893043 on www.amazon.co.uk" rel="/space/ASIN:1780893043">Armada</a>, which I just picked up both because <a href="http://www.amazon.co.uk/gp/product/0099560437/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0099560437 on www.amazon.co.uk" rel="/space/ASIN:0099560437">Ready Player One</a> was <a href="http://taoofmac.com/space/blog/2012/03/24/1910" class="wiki" title="blog/2012/03/24/1910 was updated 3 years, 4 months ago">one of the highlights of 2012</a> and because a few of my friends have also been raving about it.</li> <li><a href="http://www.amazon.co.uk/gp/product/0008132518/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" class="interwiki" title="link to 0008132518 on www.amazon.co.uk" rel="/space/ASIN:0008132518">Seveneves</a>, also queued up for Summer break (i.e., for the bits when connectivity is but a lingering memory) due to peer pressure, but which I have high expectations of regardless.</li> </ul> <h2 id="what-i-read-on">What I Read On</h2> <p>Since <a href="http://taoofmac.com/space/com/Apple" class="wiki" title="com/Apple was updated 9 years, 3 months ago">Apple</a> has shown little inclination to improve my wellbeing by adding support for something like <a href="https://justgetflux.com" title="secure link to https://justgetflux.com" class="https" rel="https://justgetflux.com">f.lux</a>, I’ve been doing most of my reading in the evenings using a “retina-grade” <a href="http://taoofmac.com/space/com/Google/Android" class="wiki" title="com/Google/Android was updated 1 year, 4 days ago">Android</a> tablet running <a href="https://play.google.com/store/apps/details?id=com.urbandroid.lux&amp;hl=en" title="secure link to https://play.google.com/store/apps/details?id=com.urbandroid.lux&amp;hl=en" class="https" rel="https://play.google.com/store/apps/details?id=com.urbandroid.lux&amp;hl=en">Twilight</a>, which suits me just fine.</p> <p>However, I can’t help but drool over the new <a href="http://www.amazon.co.uk/gp/product/B00QJDO0QC/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00QJDO0QC on www.amazon.co.uk" class="interwiki" rel="ASIN:B00QJDO0QC">Kindle Paperwhite</a>. Were it not for my having already decided that this year’s upgrade would be a new <a href="http://taoofmac.com/space/com/Apple/iPad" class="wiki" title="com/Apple/iPad was updated 2 years, 8 months ago">iPad</a>, I’d already have sprung for one — I had the <a href="http://www.amazon.co.uk/gp/product/B00IOY524S/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00IOY524S on www.amazon.co.uk" class="interwiki" rel="ASIN:B00IOY524S">Voyage</a> on my <a href="http://taoofmac.com/space/site/Donate" class="wiki" title="site/Donate was updated 2 years, 9 months ago">wishlist</a>, but removed it the day the new <a href="http://www.amazon.co.uk/gp/product/B00QJDO0QC/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00QJDO0QC on www.amazon.co.uk" class="interwiki" rel="ASIN:B00QJDO0QC">Paperwhite</a> came out.</p> <p>I was a bit surprised Amazon launched it before Summer (actually, I was more than a little annoyed, given I’m already anticipating sitting at the beach with my old, battered Nook and thinking wistfully of the <a href="http://www.amazon.co.uk/gp/product/B00QJDO0QC/ref=as_li_tf_tl?ie=UTF8&amp;tag=thtaofma-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738" title="link to B00QJDO0QC on www.amazon.co.uk" class="interwiki" rel="ASIN:B00QJDO0QC">Paperwhite</a>), but I’m certainly willing to give it a go next Summer.</p><br/><small><a href="http://taoofmac.com/space/blog/2015/07/19/1124#at-the-halfway-mark" title="link to http://taoofmac.com/space/blog/2015/07/19/1124#at-the-halfway-mark">&#x262F;</a></small><p> <div style="-webkit-border-radius: 8px; font-size: small; background-color: #ccc; color: #000; border: 1px solid #aaa; margin: 0; padding: 3px; overflow: hidden;"><p style="padding; 2px; margin: 2px;"><a title="" href="http://taoofmac.com/"><img align="left" alt="Tao of Mac Icon" src="http://taoofmac.com/img/pavatar48.png"/></a> "<a href="http://taoofmac.com/space/blog/2015/07/19/1124#at-the-halfway-mark"><strong>At The Halfway Mark</strong></a>" was written by <a href="http://taoofmac.com/RuiCarmo">Rui Carmo</a> for <a href="http://taoofmac.com">The Tao of Mac</a> and was originally posted on Sunday, Jul 19<sup>th</sup> 2015. Except as noted, it's &copy;2015 Rui Carmo and licensed for reuse under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>.</p> <p>As usual, please consider <a href="http://taoofmac.com/space/site/Donate">donating</a> towards hosting and bandwidth costs.</p> </div> </p> Sun, 19 Jul 2015 11:24:00 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/blog/2015/07/19/1124#at-the-halfway-mark wiki PT Portugal supports e-commerce development http://taoofmac.com/space/links/2015/07/18/0751 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/18/0751/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/18/0751/large.jpg" class="thumb" /></a></div> <p>Forgot to make a note of this last week.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/18/0751#pt-portugal-supports-e-commerce-development" title="link to http://taoofmac.com/space/links/2015/07/18/0751#pt-portugal-supports-e-commerce-development">&#x262F;</a></small> Sat, 18 Jul 2015 07:51:38 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/18/0751#pt-portugal-supports-e-commerce-development wiki Google joins OpenStack Foundation to ease container management http://taoofmac.com/space/links/2015/07/17/0747 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/17/0747/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/17/0747/large.jpg" class="thumb" /></a></div> <p>Now <em>this</em> is timely. Let’s see how good the integration will turn out to be in, oh… about two years’ time.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/17/0747#google-joins-openstack-foundation-to-ease-container-management" title="link to http://taoofmac.com/space/links/2015/07/17/0747#google-joins-openstack-foundation-to-ease-container-management">&#x262F;</a></small> Fri, 17 Jul 2015 07:47:08 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/17/0747#google-joins-openstack-foundation-to-ease-container-management wiki Pyxley: Python Powered Dashboards http://taoofmac.com/space/links/2015/07/16/2133 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/16/2133/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/16/2133/large.jpg" class="thumb" /></a></div> <p>Very neat indeed. I’m certainly going to play with this over the weekend.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/16/2133#pyxley--python-powered-dashboards" title="link to http://taoofmac.com/space/links/2015/07/16/2133#pyxley--python-powered-dashboards">&#x262F;</a></small> Thu, 16 Jul 2015 21:33:18 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/16/2133#pyxley--python-powered-dashboards wiki Django http://taoofmac.com/space/dev/Python/Django <div style="-webkit-border-radius: 8px; background-color: #ccf; color: #000; border: 1px solid #aaf; margin: 0; padding: 3px; overflow: hidden;"><i>This is an update to an item originally published on Wednesday, Jul 27<sup>th</sup> 2005.</i></div><br clear="all"/><p><a href="http://www.djangoproject.com" title="external link to http://www.djangoproject.com" class="http" rel="http://www.djangoproject.com">Django</a> is a <a href="http://taoofmac.com/space/dev/Python" class="wiki" title="dev/Python was updated 2 weeks, 3 days ago">Python-based</a> <a href="http://taoofmac.com/space/MVC" class="wikiunknown" title="MVC is not defined yet"><span class="caps">MVC</span></a> application framework that is almost, but not quite, completely unlike <a href="http://taoofmac.com/space/dev/Ruby/Rails" class="wiki" title="dev/Ruby/Rails was updated 9 years, 1 month ago">Rails</a> (with apologies to <a href="http://en.wikipedia.org/wiki/Douglas_Adams" title="link to Douglas_Adams on en.wikipedia.org" class="interwiki" rel="Wikipedia:Douglas_Adams">Douglas Adams</a>).</p> <h3>Resources:</h3> <table class="compact" style="background:transparent; margin: 0px; padding: 0px; border-collapse: collapse;"> <thead> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Category</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Date</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Link</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Notes</th> </tr> </thead> <tbody> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Themes</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jul’15</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/viewflow/django-material" title="secure link to https://github.com/viewflow/django-material" class="https" rel="https://github.com/viewflow/django-material">django-material</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A material design theme for forms and admin</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Components</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun’13</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/aruseni/django-qrauth/" title="secure link to https://github.com/aruseni/django-qrauth/" class="https" rel="https://github.com/aruseni/django-qrauth/">qrauth</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A brilliant way to make it easier to log in via mobile.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun’12</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://tastypieapi.org" title="external link to http://tastypieapi.org" class="http" rel="http://tastypieapi.org">Tastypie</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A great <span class="caps">REST</span> <span class="caps">API</span> extension.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">UI</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun’12</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/gsancho/extdirect.django" title="secure link to https://github.com/gsancho/extdirect.django" class="https" rel="https://github.com/gsancho/extdirect.django">extdirect.django</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Easy integration with ExtJS datagrids and other useful components</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Apps</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May’12</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.getlfs.com/" title="external link to http://www.getlfs.com/" class="http" rel="http://www.getlfs.com/">Lightning Fast Shop</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">an e-commerce bundle.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Reference</td> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Older</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://hugo.muensterland.org/2005/07/26/running-django-with-fcgi-and-lighttpd/" title="external link to http://hugo.muensterland.org/2005/07/26/running-django-with-fcgi-and-lighttpd/" class="http" rel="http://hugo.muensterland.org/2005/07/26/running-django-with-fcgi-and-lighttpd/">Running Django with <span class="caps">FCGI</span> and lighttpd</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A sensible <span class="caps">HOWTO</span></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.dobbes.com/media/pdfs/django_reference_sheet.pdf" title="external link to http://www.dobbes.com/media/pdfs/django_reference_sheet.pdf" class="http" rel="http://www.dobbes.com/media/pdfs/django_reference_sheet.pdf">Cheat Sheet</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An old (but useful) <span class="caps">PDF</span></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.postneo.com/2005/07/18/django-gotchas" title="external link to http://www.postneo.com/2005/07/18/django-gotchas" class="http" rel="http://www.postneo.com/2005/07/18/django-gotchas">Matt’s list of gotchas</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Tales from the trenches</td> </tr> </tbody> </table><br/><small><a href="http://taoofmac.com/space/dev/Python/Django" title="link to http://taoofmac.com/space/dev/Python/Django">&#x262F;</a></small><p> <div style="-webkit-border-radius: 8px; font-size: small; background-color: #ccc; color: #000; border: 1px solid #aaa; margin: 0; padding: 3px; overflow: hidden;"><p style="padding; 2px; margin: 2px;"><a title="" href="http://taoofmac.com/"><img align="left" alt="Tao of Mac Icon" src="http://taoofmac.com/img/pavatar48.png"/></a> "<a href="http://taoofmac.com/space/dev/Python/Django"><strong>Django</strong></a>" was written by <a href="http://taoofmac.com/RuiCarmo">Rui Carmo</a> for <a href="http://taoofmac.com">The Tao of Mac</a> and was originally posted on Wednesday, Jul 27<sup>th</sup> 2005. Except as noted, it's &copy;2015 Rui Carmo and licensed for reuse under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>.</p> <p>As usual, please consider <a href="http://taoofmac.com/space/site/Donate">donating</a> towards hosting and bandwidth costs.</p> </div> </p> Wed, 15 Jul 2015 23:15:00 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/dev/Python/Django wiki iPod Touch http://taoofmac.com/space/com/Apple/iPod/Touch <div style="-webkit-border-radius: 8px; background-color: #ccf; color: #000; border: 1px solid #aaf; margin: 0; padding: 3px; overflow: hidden;"><i>This is an update to an item originally published on Sunday, Sep 30<sup>th</sup> 2007.</i></div><br clear="all"/><p>The <a href="http://taoofmac.com/space/com/Apple/iPod" class="wiki" title="com/Apple/iPod was updated 8 years, 10 months ago">iPod</a> Touch, launched on 2007–09-05, is <a href="http://taoofmac.com/space/com/Apple" class="wiki" title="com/Apple was updated 9 years, 3 months ago">Apple’s</a> attempt at providing a non-mobile alternative to the <a href="http://taoofmac.com/space/com/Apple/iPhone" class="wiki" title="com/Apple/iPhone was updated 3 years, 9 months ago">iPhone</a>, originally made infamous for the removal of all editing ability from the calendar until firmware revision 1.1.2.</p> <p>Upgraded to an 8Mpx camera, new color options and “modern” specs (except TouchID) on 2015, it had been previously revamped in 2012 to match the <a href="http://taoofmac.com/space/com/Apple/iPhone/5" class="wiki" title="com/Apple/iPhone/5 was updated 2 years, 10 months ago">iPhone 5</a>:</p> <p style="text-align:center;" class="center"><img src="http://taoofmac.com/media/com/Apple/iPod/Touch/specs_size_20120912.jpg" alt="" /></p> <p>It was upgraded to a high-res 960×640 pixel display and a set of front and back cameras on 2010–09-01 and slimmed down a bit:</p> <p style="text-align:center;" class="center"><img src="http://taoofmac.com/media/com/Apple/iPod/Touch/specs_dimensions20100901.jpg" alt="" /><br /> <small>(<a href="http://www.ifixit.com/Teardown/iPod-Touch-4th-Generation-Teardown/3562/1" title="external link to http://www.ifixit.com/Teardown/iPod-Touch-4th-Generation-Teardown/3562/1" class="http" rel="http://www.ifixit.com/Teardown/iPod-Touch-4th-Generation-Teardown/3562/1">disassembly</a>)</small></p> <p>The first refresh version launched on 2008–09-09, with <a href="http://taoofmac.com/space/com/Apple/iPhone/3G" class="wiki" title="com/Apple/iPhone/3G was updated 5 years, 1 month ago">iPhone 3G</a> styling, volume controls and a speaker:</p> <p style="text-align:center;" class="center"><img src="http://taoofmac.com/media/com/Apple/iPod/Touch/Image2.jpg" alt="" /><br /> <small>(<a href="http://www.ifixit.com/Guide/First-Look/iPod/iPod-Touch-2G" title="external link to http://www.ifixit.com/Guide/First-Look/iPod/iPod-Touch-2G" class="http" rel="http://www.ifixit.com/Guide/First-Look/iPod/iPod-Touch-2G">disassembly</a>)</small></p> <p>The original version:</p> <div class="quicklook_holder drop-shadow lifted" align="center"><a title="" href="http://taoofmac.com/media/com/Apple/iPod/Touch/Front.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/media/com/Apple/iPod/Touch/Image1.png" class="thumb" /></a></div> <h3>Notes on the early revisions:</h3> <h4>Good Points:</h4> <ul> <li>Now finally includes an e-mail client (as of firmware rev. 1.1.3, although it was considerably lame of <a href="http://taoofmac.com/space/com/Apple" class="wiki" title="com/Apple was updated 9 years, 3 months ago">Apple</a> to demand early adopters to pay up for this)</li> <li>Much thinner than an <a href="http://taoofmac.com/space/com/Apple/iPhone" class="wiki" title="com/Apple/iPhone was updated 3 years, 9 months ago">iPhone</a></li> <li>Metal back</li> <li>The <a href="http://www.skyhookwireless.com/" title="external link to http://www.skyhookwireless.com/" class="http" rel="http://www.skyhookwireless.com/">Skyhook</a> location feature works in <a href="http://taoofmac.com/space/Portugal/Lisbon" class="wiki" title="Portugal/Lisbon was updated 9 years, 6 months ago">Lisbon</a>. Creepy.</li> </ul> <h4>Bad Points:</h4> <ul> <li>No <a href="http://taoofmac.com/space/networking/Bluetooth" class="wiki" title="networking/Bluetooth was updated 8 years, 7 months ago">Bluetooth</a> support for audio or for dial-up networking via a decent phone (fixed on later revisions)</li> <li>No speakers on the original version. There’s a piezo clicker, but it would have been nice to have had a simple speaker for showing videos and stuff without resorting to the earplugs from the get go</li> <li>Everyone I know with the original model complains about short battery life (and I do too)</li> </ul> <h3>Owner Info:</h3> <p>Since the device has no support for an “Owner Info” screen, I created a wallpaper specifically for that purpose, using measurements gleaned from <a href="http://iphoneminds.com/2007/11/iphone-wallpapers.html" title="external link to http://iphoneminds.com/2007/11/iphone-wallpapers.html" class="http" rel="http://iphoneminds.com/2007/11/iphone-wallpapers.html">iPhoneMinds</a>:</p> <p style="text-align:center;" class="center"><img src="http://taoofmac.com/media/com/Apple/iPod/Touch/template.jpg" alt="" /></p> <p>Feel free to change this for your own purposes in any editor that suits your fancy and sync it to the device. Besides a photo, there’s plenty of room for contact information.</p> <h4>Some design notes:</h4> <ul> <li>Helvetica Bold works very well for phone numbers, making them very readable.</li> <li>The colors were chosen to work well with the tinted overlays from the clock and slider: <ul> <li>The top becomes a neutral, informational navy blue</li> <li>The bottom turns into a mossy green that reinforces the point that it’s how you gain access to the device</li> </ul> </li> </ul> <p>You can, of course, fool around with coloring to suit your own tastes, but gradients are, in general, a bad idea – the tinted overlays will mess them up, and in this case you want the text to be readable under pretty much any conditions…</p> <h3>Bugs:</h3> <table class="compact" style="background:transparent; margin: 0px; padding: 0px; border-collapse: collapse;"> <thead> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Issue</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Description</th> </tr> </thead> <tbody> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="rdar://problem/5748499" class="interwiki" title="link to 5748499 on problem" rel="/space/Radar:5748499">#5748499</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Hidden/Protected Web Gallery Albums are inaccessible on <a href="http://taoofmac.com/space/com/Apple/iPhone" class="wiki" title="com/Apple/iPhone was updated 3 years, 9 months ago">iPhone</a> and iPod Touch – the <a href="http://taoofmac.com/space/com/Apple/iPhone/Safari" class="wiki" title="com/Apple/iPhone/Safari was updated 6 years, 8 months ago">Mobile Safari</a> redirects are broken for hidden albums (you can get there, but only by manually tweaking the <a href="http://en.wikipedia.org/wiki/URL" title="link to URL on en.wikipedia.org" class="interwiki" rel="Wikipedia:URL"><span class="caps" title="Uniform Resource Locator">URL</span></a>)</td> </tr> </tbody> </table> <h3>Resources:</h3> <table class="compact" style="background:transparent; margin: 0px; padding: 0px; border-collapse: collapse;"> <thead> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Date</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Link</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Notes</th> </tr> </thead> <tbody> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep ‘10</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.engadget.com/2010/09/07/ipod-touch-review-2010/" title="external link to http://www.engadget.com/2010/09/07/ipod-touch-review-2010/" class="http" rel="http://www.engadget.com/2010/09/07/ipod-touch-review-2010/">iPod touch review</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Engadget’s detailed review.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Older</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://www.apple.com/ipodtouch/guidedtour/" title="external link to http://www.apple.com/ipodtouch/guidedtour/" class="http" rel="http://www.apple.com/ipodtouch/guidedtour/">Guided Tour</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ptech.allthingsd.com/20070920/apples-ipod-touch-is-a-beauty-of-a-player-short-on-battery-life" title="external link to http://ptech.allthingsd.com/20070920/apples-ipod-touch-is-a-beauty-of-a-player-short-on-battery-life" class="http" rel="http://ptech.allthingsd.com/20070920/apples-ipod-touch-is-a-beauty-of-a-player-short-on-battery-life">Walt Mossberg’s Review</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://manuals.info.apple.com/en/iPod_touch_Features_Guide.pdf" title="external link to http://manuals.info.apple.com/en/iPod_touch_Features_Guide.pdf" class="http" rel="http://manuals.info.apple.com/en/iPod_touch_Features_Guide.pdf">Features Guide</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://taoofmac.com/space/com/Adobe/PDF" class="wiki" title="com/Adobe/PDF was updated 4 years, 11 months ago"><span class="caps">PDF</span></a> link</td> </tr> </tbody> </table> <p>Here’s a shot of the factory diagnostics screen (via <a href="http://www.engadget.com/2007/09/14/ipod-touch-ships-without-os-x/" title="external link to http://www.engadget.com/2007/09/14/ipod-touch-ships-without-os-x/" class="http" rel="http://www.engadget.com/2007/09/14/ipod-touch-ships-without-os-x/">Engadget</a>):</p> <div class="quicklook_holder drop-shadow lifted" align="center"><a title="" href="http://taoofmac.com/media/com/Apple/iPod/Touch/diagnostics_large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/media/com/Apple/iPod/Touch/diagnostics_small.jpg" class="thumb" /></a></div> <br/><small><a href="http://taoofmac.com/space/com/Apple/iPod/Touch" title="link to http://taoofmac.com/space/com/Apple/iPod/Touch">&#x262F;</a></small><p> <div style="-webkit-border-radius: 8px; font-size: small; background-color: #ccc; color: #000; border: 1px solid #aaa; margin: 0; padding: 3px; overflow: hidden;"><p style="padding; 2px; margin: 2px;"><a title="" href="http://taoofmac.com/"><img align="left" alt="Tao of Mac Icon" src="http://taoofmac.com/img/pavatar48.png"/></a> "<a href="http://taoofmac.com/space/com/Apple/iPod/Touch"><strong>iPod Touch</strong></a>" was written by <a href="http://taoofmac.com/RuiCarmo">Rui Carmo</a> for <a href="http://taoofmac.com">The Tao of Mac</a> and was originally posted on Sunday, Sep 30<sup>th</sup> 2007. Except as noted, it's &copy;2015 Rui Carmo and licensed for reuse under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>.</p> <p>As usual, please consider <a href="http://taoofmac.com/space/site/Donate">donating</a> towards hosting and bandwidth costs.</p> </div> </p> Wed, 15 Jul 2015 19:25:23 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/com/Apple/iPod/Touch wiki New iPod touch gets iPhone 6 power http://taoofmac.com/space/links/2015/07/15/1830 <div class="quicklook_holder drop-shadow lifted"><a title="" href="http://taoofmac.com/media/links/2015/07/15/1830/large.jpg" class="quicklook"><img alt="Click on the image to zoom in" src="http://taoofmac.com/pagethumb/links/2015/07/15/1830/large.jpg" class="thumb" /></a></div> <p>Glad to see this, even if it doesn’t have TouchID or a bigger screen. The A8 is sure to make it very snappy, and the camera makes it a great option for people with crummy corporate phones.</p><br/><small><a href="http://taoofmac.com/space/links/2015/07/15/1830#new-ipod-touch-gets-iphone-6-power" title="link to http://taoofmac.com/space/links/2015/07/15/1830#new-ipod-touch-gets-iphone-6-power">&#x262F;</a></small> Wed, 15 Jul 2015 18:30:52 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/links/2015/07/15/1830#new-ipod-touch-gets-iphone-6-power wiki LISP http://taoofmac.com/space/dev/LISP <div style="-webkit-border-radius: 8px; background-color: #ccf; color: #000; border: 1px solid #aaf; margin: 0; padding: 3px; overflow: hidden;"><i>This is an update to an item originally published on Wednesday, May 14<sup>th</sup> 2014.</i></div><br clear="all"/><p>This is a stub while I put together some more resources, but for the moment here are some <span class="caps">LISP</span>/Scheme implementations I’m keeping an eye on (besides <a href="http://taoofmac.com/space/dev/Clojure" class="wiki" title="dev/Clojure was updated 5 hours, 26 minutes ago">Clojure</a>).</p> <table class="compact" style="background:transparent; margin: 0px; padding: 0px; border-collapse: collapse;"> <thead> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Category</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Date</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Link</th> <th style="border-bottom: 1px solid black; border-top: 2px solid black; padding: 4px; font-weight: bold;">Notes</th> </tr> </thead> <tbody> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Interpreters</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Oct’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/pixie-lang/pixie" title="secure link to https://github.com/pixie-lang/pixie" class="https" rel="https://github.com/pixie-lang/pixie">pixie</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An RPython-based lightweight <span class="caps">LISP</span></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ironscheme.codeplex.com/" title="external link to http://ironscheme.codeplex.com/" class="http" rel="http://ironscheme.codeplex.com/">IronScheme</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Runs atop the .NET <span class="caps">DLR</span></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/zhemao/glisp" title="secure link to https://github.com/zhemao/glisp" class="https" rel="https://github.com/zhemao/glisp">glisp</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An embeddable <a href="http://taoofmac.com/space/dev/Golang" class="wiki" title="dev/Golang was updated 3 months, 2 weeks ago">Go</a> interpreter that compiles <span class="caps">LISP</span> to bytecode</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="9" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Compilers</td> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jan’15</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/chlorinejs/chlorine" title="secure link to https://github.com/chlorinejs/chlorine" class="https" rel="https://github.com/chlorinejs/chlorine">chlorine</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A subset of Clojure that compiles to JavaScript</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/sharplispers/cormanlisp" title="secure link to https://github.com/sharplispers/cormanlisp" class="https" rel="https://github.com/sharplispers/cormanlisp">cormanlisp</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">For Windows</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 6</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/artagnon/rhine" title="secure link to https://github.com/artagnon/rhine" class="https" rel="https://github.com/artagnon/rhine">rhine</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A Clojure-inspired <span class="caps">LISP</span> that targets <span class="caps">LLVM</span></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="2" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/jcla1/gisp" title="secure link to https://github.com/jcla1/gisp" class="https" rel="https://github.com/jcla1/gisp">gisp</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Generates <a href="http://taoofmac.com/space/dev/Golang" class="wiki" title="dev/Golang was updated 3 months, 2 weeks ago">Go</a> code via <span class="caps">AST</span> mapping</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/jstepien/psota" title="secure link to https://github.com/jstepien/psota" class="https" rel="https://github.com/jstepien/psota">psota</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A Clojure compiler that targets the PyPy <span class="caps">JIT</span></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="4" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">May’14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/meric/l2l" title="secure link to https://github.com/meric/l2l" class="https" rel="https://github.com/meric/l2l">l2l</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A compiler to <a href="http://taoofmac.com/space/dev/Lua" class="wiki" title="dev/Lua was updated 4 months, 3 weeks ago">Lua</a></td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://hylang.org" title="external link to http://hylang.org" class="http" rel="http://hylang.org">Hy</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Compiles down to <a href="http://taoofmac.com/space/dev/Python" class="wiki" title="dev/Python was updated 2 weeks, 20 hours ago">Python</a> <span class="caps">AST</span>, with full interop</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://pharen.org" title="external link to http://pharen.org" class="http" rel="http://pharen.org">Pharen</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Compiles to <a href="http://taoofmac.com/space/dev/PHP" class="wiki" title="dev/PHP was updated 1 year, 2 months ago"><span class="caps">PHP</span></a>, of all things…</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/Gozala/wisp" title="secure link to https://github.com/Gozala/wisp" class="https" rel="https://github.com/Gozala/wisp">Wisp</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Compiles to <a href="http://taoofmac.com/space/dev/JavaScript" class="wiki" title="dev/JavaScript was updated 7 months, 1 week ago">JavaScript</a>, with <a href="http://taoofmac.com/space/dev/Clojure" class="wiki" title="dev/Clojure was updated 5 hours, 26 minutes ago">Clojure</a> syntax</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td rowspan="3" style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Common Lisp</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Sep 8</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/robert-strandh/SICL" title="secure link to https://github.com/robert-strandh/SICL" class="https" rel="https://github.com/robert-strandh/SICL"><span class="caps">SICL</span></a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">A modular implementation of Common Lisp for mixing and matching.</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jun ‘14</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="http://ccl.clozure.com/" title="external link to http://ccl.clozure.com/" class="http" rel="http://ccl.clozure.com/">Clozure CL</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Fast, runs on <span class="caps">ARM</span>, compiles down to native code, uses threads</td> </tr> <tr style="font-size: 9pt; border-top: 1px solid #aaa;"> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">Jul’15</td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;"><a href="https://github.com/ceramic/ceramic" title="secure link to https://github.com/ceramic/ceramic" class="https" rel="https://github.com/ceramic/ceramic">Ceramic</a></td> <td style="min-width: 80px; margin: 0px; padding: 4px; vertical-align: top; border-top: 1px solid #aaa;">An Electron wrapper for shipping desktop applications</td> </tr> </tbody> </table><br/><small><a href="http://taoofmac.com/space/dev/LISP" title="link to http://taoofmac.com/space/dev/LISP">&#x262F;</a></small><p> <div style="-webkit-border-radius: 8px; font-size: small; background-color: #ccc; color: #000; border: 1px solid #aaa; margin: 0; padding: 3px; overflow: hidden;"><p style="padding; 2px; margin: 2px;"><a title="" href="http://taoofmac.com/"><img align="left" alt="Tao of Mac Icon" src="http://taoofmac.com/img/pavatar48.png"/></a> "<a href="http://taoofmac.com/space/dev/LISP"><strong>LISP</strong></a>" was written by <a href="http://taoofmac.com/RuiCarmo">Rui Carmo</a> for <a href="http://taoofmac.com">The Tao of Mac</a> and was originally posted on Wednesday, May 14<sup>th</sup> 2014. Except as noted, it's &copy;2015 Rui Carmo and licensed for reuse under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a>.</p> <p>As usual, please consider <a href="http://taoofmac.com/space/site/Donate">donating</a> towards hosting and bandwidth costs.</p> </div> </p> Mon, 13 Jul 2015 17:22:00 GMT Rui Carmo The Tao of Mac http://taoofmac.com/space/dev/LISP wiki