/newsletters/partials/GRN-015.html

<div id="templateContainer">
<div id="templateHeader">
<h1 style="text-align:right;margin-bottom:0;">#015 - may 19th 2013</h1>
</div>
<div id="templateBody">

<div>
<div class="baseline">
<h2>Edito</h2>
Last letter was a bit wrong, too heavy. So I'm refining and simplifying the design a bit, and the 'join' section now will move to the website. Maybe if there is any request I could setup a different mailing for it.
<br>
</div>
</div>



<h3>Listen</h3>
<div class="baseline">What could be heard last week ..</div>
<table cellpadding="0" cellspacing="0" border="0" class="meat">

<tr><td>
<a href="http://ruby5.envylabs.com/episodes/373-episode-369-may-14th-2013" class="linktitle">Ruby5 369</a>
<span class="duration">(6m)</span>
</td><td class="date">
may 10
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
json, joybox, context validations, form objects, kidscode, plataformatec, tabulous, git real.
</td></tr>

<tr><td>
<a href="http://episodes.gitminutes.com/2013/05/gitminutes-08-drew-neil-on-vim-and.html" class="linktitle">Git Minutes #08</a>
<span class="duration">(1h04)</span>
</td><td class="date">
may 13
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
Drew Neil made vincasts and talks about fugitive amd git inside vim.
</td></tr>

<tr><td>
<a href="http://rubyrogues.com/105-rr-regular-expressions-with-nell-shamrell/" class="linktitle">RubyRogues 105</a>
<span class="duration">(1h21)</span>
</td><td class="date">
may 15
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Discussion about Ruby Regular Expressions with Nell Shamrell.
</td></tr>

<tr><td>
<a href="http://5by5.tv/changelog/88" class="linktitle">The Changelog 0.8.8</a>
<span class="duration">(1h)</span>
</td><td class="date">
may 15
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
The Changelog moved to 5x5, and this edition is about Vagrant with its author, Mitchell Hashimoto.
</td></tr>

<tr><td>
<a href="http://5by5.tv/changelog/89" class="linktitle">The Changelog 0.8.9</a>
<span class="duration">(1h15)</span>
</td><td class="date">
may 17
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
Linux containers and Dockers, with Solomon Hykes founder of dotcloud.
</td></tr>

<tr><td>
<a href="http://ruby5.envylabs.com/episodes/374-episode-370-may-17th-2013" class="linktitle">Ruby5 370</a>
<span class="duration">(7m)</span>
</td><td class="date">
may 17
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
ruby patches, minitest, jsonapi.org, postgres tagging, rubymotion, covim.
</td></tr>

<tr><td>
<a href="http://javascriptjabber.com/059-jsj-jquery-mobile-with-todd-parker/" class="linktitle">Javascript Jabber 059</a>
<span class="duration">(1h)</span>
</td><td class="date">
may 17
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
JQuery mobile and related topics with Todd Parker.
</td></tr>

</table>

<h3>Watch</h3>
<div class="baseline">Screencasts and conferences videos, or other video feeds ...</div>
<table cellpadding="0" cellspacing="0" border="0" class="meat">

<tr><td>
<a href="http://vimeo.com/channels/txjs2013" class="linktitle">Texas Javascript</a>
<span class="duration">(7 videos)</span>
</td><td class="date">
may 12
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
Recently published videos of Texas Javascript 2013.
</td></tr>

<tr><td>
<a href="http://www.embercasts.com/" class="linktitle">Embercasts</a>
<span class="duration">(12m)</span>
</td><td class="date">
may 12
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
A new serie of 4 screencasts about ember.
</td></tr>

<tr><td>
<a href="http://railscasts.com/episodes/115-model-caching-revised" class="linktitle">Models caching</a>
<span class="duration">(12m)</span>
</td><td class="date">
may 13
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Revised version of the caching trick for caching models.
</td></tr>

<tr><td>
<a href="https://www.youtube.com/watch?v=Q3ZbN-k-qGs" class="linktitle">Write a programming language</a>
<span class="duration">(36m)</span>
</td><td class="date">
may 14
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
A BonstonRB session about how to write a programming language (38 first min).
</td></tr>

<tr><td>
<a href="http://blog.strongloop.com/the-road-to-node-js-v1-0/" class="linktitle">The Road to Node.js v1.0</a>
<span class="duration">(50m)</span>
</td><td class="date">
may 14
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
Isaac Schlueter talks about the node.js roadmap.
</td></tr>

<tr><td>
<a href="http://www.youtube.com/user/GoogleDevelopers/videos" class="linktitle">Google I/O 2013</a>
<span class="duration">(hours)</span>
</td><td class="date">
may 15
<img class="icon" src="ico/web.png" height="18" width="18" align="right" alt="web" />
</td></tr>
<tr><td colspan="2" class="comment">
The annual Google I/O is all over youtube, they filmed it all.
</td></tr>

<tr><td>
<a href="http://marakana.com/s/post/1465/breaking_open_angularjs" class="linktitle">Breaking open: AngularJS</a>
<span class="duration">(32m)</span>
</td><td class="date">
may 17
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
Interview with the author of Angular, talking about the origins of the project.
</td></tr>

</table>

<h3>Read</h3>
<div class="baseline">From the blogosphere or news feeds ...</div>
<table cellpadding="0" cellspacing="0" border="0" class="meat">

<tr><td>
<a href="http://dandelion-burdock.com/articles/view/the-weight-of-the-web" class="linktitle">The Weight of the Web</a>

</td><td class="date">
may 9
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Tricks on how to reduce page loads, especially working on images.
</td></tr>

<tr><td>
<a href="http://rubysource.com/a-simple-content-management-system-in-sinatra/" class="linktitle">A simple CMS in sinatra</a>

</td><td class="date">
may 13
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
A quick walk-through building a sinatra CMS over mongoDB.
</td></tr>

<tr><td>
<a href="http://www.raymondcamden.com/index.cfm/2013/5/13/JavaScript-Design-Patterns--The-Revealing-Module-Pattern" class="linktitle">The Revealing Module Pattern</a>

</td><td class="date">
may 13
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
In a serie of javascript patterns article, the modules pattern.
</td></tr>

<tr><td>
<a href="http://spin.atomicobject.com/2013/05/13/javascript-front-end-grunt/" class="linktitle">Build a Rich JavaScript Front End with Grunt</a>

</td><td class="date">
may 13
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
Grunt is a great preprocessing engine, this post describes how.
</td></tr>

<tr><td>
<a href="http://net.tutsplus.com/tutorials/ruby/mass-assignment-rails-and-you/" class="linktitle">Mass Assignment, Rails, and You</a>

</td><td class="date">
may 13
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
An overview on mass assignment, how to handle it, and strong parameters.
</td></tr>

<tr><td>
<a href="http://andrewberls.com/blog/post/ruby-tips-procs-vs-lambdas" class="linktitle">Ruby tips: Procs vs lambdas</a>

</td><td class="date">
may 14
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
The details of what makes procs and lambda different block syntaxes.
</td></tr>

<tr><td>
<a href="http://pivotallabs.com/stop-leaky-apis/" class="linktitle">Stop leaky APIs</a>

</td><td class="date">
may 15
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
An API versionning strategy for rails apps.
</td></tr>

<tr><td>
<a href="http://www.naildrivin5.com/blog/2013/05/17/source-code-typography.html" class="linktitle">Source Code Typography</a>

</td><td class="date">
may 17
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
Some thinking about code formatting rules and principles.
</td></tr>

<tr><td>
<a href="http://robots.thoughtbot.com/post/50655960596/sandi-metz-rules-for-developers" class="linktitle">Sandi Metz’ rules for developers</a>

</td><td class="date">
may 17
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
How thoughtbot team copes with the Sandi 4 rules.
</td></tr>

</table>

<h3>Install</h3>
<div class="baseline">A selection of gems or applications updated during past week.</div>
<table cellpadding="0" cellspacing="0" border="0" class="meat">

<tr><td>
<a href="http://www.ruby-lang.org/en/news/2013/05/14/ruby-2-0-0-p195-is-released/" class="linktitle">Ruby 2.0.0-p195</a>

</td><td class="date">

<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
This is a security upgrade for ruby version 2, plus some bugfixes and optimizations.
</td></tr>

<tr><td>
<a href="http://luis-almeida.github.io/unveil/" class="linktitle">Unveil.js</a>

</td><td class="date">

<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
A jQuery pugin for image lazy loading. Load only when in the viewport.
</td></tr>

<tr><td>
<a href="https://github.com/csswizardry/csswizardry-grids" class="linktitle">CSS wizardry grid</a>

</td><td class="date">

<img class="icon" src="ico/css3.png" height="18" width="18" align="right" alt="css3" />
</td></tr>
<tr><td colspan="2" class="comment">
Yet another css base for mobile first, responsive design.
</td></tr>

<tr><td>
<a href="http://blog.rubymotion.com/post/50523137515/introducing-promotion-a-full-featured-rubymotion" class="linktitle">ProMotion</a>

</td><td class="date">

<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
A RubyMotion application framework.
</td></tr>

<tr><td>
<a href="http://polymer-project.appspot.com/" class="linktitle">Polymer</a>

</td><td class="date">

<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
A very interesting polyfills-based implementation of web components (design your tags).
</td></tr>

<tr><td>
<a href="https://github.com/seattlerb/minitest" class="linktitle">Minitest</a>

</td><td class="date">

<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Minitest just shipped version 5.0.0, 
</td></tr>

<tr><td>
<a href="http://ruboto.org/2013/05/11/Ruboto-0.12.0-release-doc.html" class="linktitle">Ruboto</a>

</td><td class="date">

<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Version 0.12.0 just came out, few new features, some bugfixes.
</td></tr>

<tr><td>
<a href="http://agilityjs.com/" class="linktitle">Agility.js</a>

</td><td class="date">

<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
Another javascript MVC framework, supposedly easier, over jQuery lib.
</td></tr>

<tr><td>
<a href="http://kmatrah.github.io/level_up/" class="linktitle">Level up</a>

</td><td class="date">

<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
A simple rails engine for creating graphs based on jobs.
</td></tr>

</table>

<h3>Use</h3>
<div class="baseline">Web applications, available for making our life easier.</div>
<table cellpadding="0" cellspacing="0" border="0" class="meat">

<tr><td>
<a href="http://clippingmagic.com/" class="linktitle">Clipping Magic</a>

</td><td class="date">

<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
Remove background from image according to your markings, pretty neat.
</td></tr>

<tr><td>
<a href="http://city41.github.io/breakouts/" class="linktitle">Breakouts</a>

</td><td class="date">

<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
The TodoMVC of javascript game tools. Simple game made with various JS frameworks.
</td></tr>

<tr><td>
<a href="http://froont.com/" class="linktitle">Froont</a>

</td><td class="date">

<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
Responsive web designer.
</td></tr>

</table>


<div class="baseline" style="border-top: 1px solid #ccc">

<i>Links curated by mose (editor).</i>

</div>



</div>
</div>