/newsletters/partials/GRN-014.html

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

<div>
<div class="baseline">
<h2>Edito</h2>
Here are some news from the front. I'm still working on the Green Ruby website, but in the same move I'm improving the layout of the letter. This week we get icons per category of content.
<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://rubyrogues.com/104-rr-the-rails-view-with-john-athayde-and-bruce-williams/" class="linktitle">RubyRogues 104</a>
<span class="duration">(1h)</span>
</td><td class="date">
may 4
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Rails Views, or all the things that make the page on web apps.
</td></tr>

<tr><td>
<a href="http://episodes.gitminutes.com/2013/05/gitminutes-07-martin-geisler-on.html" class="linktitle">Git Minutes #07</a>
<span class="duration">(1h23)</span>
</td><td class="date">
may 6
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
with Martin Geisler about Mercurial (compared to Git).
</td></tr>

<tr><td>
<a href="http://ruby5.envylabs.com/episodes/370-episode-366-may-3rd-2013" class="linktitle">Ruby5 367</a>
<span class="duration">(6m)</span>
</td><td class="date">
may 7
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
railsconf, rails4, adequack, STI, passenger, mail-logger, Jekyll.
</td></tr>

<tr><td>
<a href="http://thechangelog.com/087/" class="linktitle">The Changelog 0.8.7</a>
<span class="duration">(1h18)</span>
</td><td class="date">
may 9
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
with Chat Whitacre, founder of Gittip.
</td></tr>

<tr><td>
<a href="http://ruby5.envylabs.com/episodes/370-episode-366-may-3rd-2013" class="linktitle">Ruby5 368</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">
rubymotion 2.0, sidekiq pro, double-column method call, method dispatch, reform.
</td></tr>

<tr><td>
<a href="http://javascriptjabber.com/058-jsj-building-accessible-websites-with-brian-hogan/" class="linktitle">Javascript Jabber 058</a>
<span class="duration">(43m)</span>
</td><td class="date">
may 10
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
Building accessible websites. Not really JS, more about HTML this time.
</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://railscasts.com/episodes/415-upgrading-to-rails-4" class="linktitle">Upgrading to Rails4</a>
<span class="duration">(12m)</span>
</td><td class="date">
may 6
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Railscast about details that need to be considered when upgrading to rails4.
</td></tr>

<tr><td>
<a href="http://marakana.com/s/post/1456/radically_faster_web_development--meteor_after_one_year_video" class="linktitle">Meteor after one year</a>
<span class="duration">(35m)</span>
</td><td class="date">
may 6
<img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
</td></tr>
<tr><td colspan="2" class="comment">
Overview and history of the Meteor.js framework.
</td></tr>

<tr><td>
<a href="http://www.youtube.com/watch?v=VqHDh2It2cs" class="linktitle">Haskell touched me there</a>
<span class="duration">(10m)</span>
</td><td class="date">
may 6
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
A quick presentation of Haskell.
</td></tr>

<tr><td>
<a href="http://www.justin.tv/confreaks/videos" class="linktitle">Ruby conf 2013</a>

</td><td class="date">
may 7
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
preview of confreaks videos on justin.tv
</td></tr>

<tr><td>
<a href="http://marakana.com/s/post/1458/testing_mozilla_firefox_os_john_hammink_video" class="linktitle">Testing Firefox OS</a>
<span class="duration">(35m)</span>
</td><td class="date">
may 7
<img class="icon" src="ico/web.png" height="18" width="18" align="right" alt="web" />
</td></tr>
<tr><td colspan="2" class="comment">
Presentation of the Firefox OS by teh Firefox QA
</td></tr>

<tr><td>
<a href="http://sauceio.com/index.php/2013/05/steve-hazel-on-floss-weekly/" class="linktitle">FlossWeekly with SauceLabs</a>
<span class="duration">(56m)</span>
</td><td class="date">
may 8
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
Interview of Steve Hazel that tells the story behind auce Labs.
</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://rubysource.com/preview-your-rails-mail-with-letter-opener/" class="linktitle">Preview Your Rails Mail with Letter Opener</a>

</td><td class="date">
may 6
<img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
</td></tr>
<tr><td colspan="2" class="comment">
Tutorial on the use of Letter-opener gem
</td></tr>

<tr><td>
<a href="http://blog.mose.com/post/49804662135/about-green-ruby" class="linktitle">Genesis of Green Ruby</a>

</td><td class="date">
may 7
<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 explanation on how Green Ruby was created and why.
</td></tr>

<tr><td>
<a href="http://mezzoblue.com/archives/2013/05/07/10_years/" class="linktitle">10 years of CSS zen garden</a>

</td><td class="date">
may 7
<img class="icon" src="ico/css3.png" height="18" width="18" align="right" alt="css3" />
</td></tr>
<tr><td colspan="2" class="comment">
For its 10th anniversary, the zen garden opens on github.
</td></tr>

<tr><td>
<a href="http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/" class="linktitle">Avoiding Unnecessary Paints</a>

</td><td class="date">
may 8
<img class="icon" src="ico/html5.png" height="18" width="18" align="right" alt="html5" />
</td></tr>
<tr><td colspan="2" class="comment">
Performance tips for writing faster web pages.
</td></tr>

<tr><td>
<a href="http://reefpoints.dockyard.com/ruby/2013/05/09/context-validations.html" class="linktitle">Context Validations</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">
Details about a gem called Context Validations
</td></tr>

<tr><td>
<a href="http://blog.jcoglan.com/2013/05/08/how-ruby-method-dispatch-works/" class="linktitle">How Ruby method dispatch works</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">
Details about internal management of methods in ruby
</td></tr>

<tr><td>
<a href="https://blog.engineyard.com/2013/authentication-social" class="linktitle">Authentication: Not necessarily a social activity</a>

</td><td class="date">
may 9
<img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
</td></tr>
<tr><td colspan="2" class="comment">
Despite the doubtful title, this is about using social accounts for auth.
</td></tr>

<tr><td>
<a href="http://blog.plataformatec.com.br/2013/05/devise-and-rails-4/" class="linktitle">Devise and Rails 4</a>

</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">
Review of some plataformatec gems and their recent releases for rails 4 compatibility.
</td></tr>

<tr><td>
<a href="http://spin.atomicobject.com/2013/05/12/dynamic-ember-js-binding-observers/" class="linktitle">Dynamic Binding in Ember.js Using Observers</a>

</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">
An way to play with forms with ember.js
</td></tr>

<tr><td>
<a href="http://tympanus.net/codrops/collective/collective-63/" class="linktitle">Collective #63</a>

</td><td class="date">
may 12
<img class="icon" src="ico/design.png" height="18" width="18" align="right" alt="design" />
</td></tr>
<tr><td colspan="2" class="comment">
Various pointers to good (or weird, like fartscroll.js) designers resources.
</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://blog.phusion.nl/2013/05/07/phusion-passenger-4-0-2-released/" class="linktitle">Passenger 4.0.2</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">
Quickly after 4.0.1 last week this one fixes a security issue. But the main news is the shipping of stable version 4.
</td></tr>

<tr><td>
<a href="http://ozan.io/p/" class="linktitle">P</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">
Peer-to-peer networking with browsers using node, webRTC, websockets.
</td></tr>

<tr><td>
<a href="https://snorby.org/" class="linktitle">Snorby</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">
Ruby on Rails application for network security monitoring.
</td></tr>

<tr><td>
<a href="http://towtruck.mozillalabs.com/" class="linktitle">Towtruck</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">
A firefox tool for sharing the browser remotely.
</td></tr>

<tr><td>
<a href="http://jekyllrb.com/" class="linktitle">Jekyll</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 1.0 stable just has been released, with a new website and detailled documentation for this excellent static site generator.
</td></tr>

<tr><td>
<a href="https://github.com/mestral/mestral" class="linktitle">Mestral</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">
A tool for managing git hooks.
</td></tr>

<tr><td>
<a href="http://leaverou.github.io/animatable/" class="linktitle">Animatable</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">
A collection of transitions effects in css.
</td></tr>

<tr><td>
<a href="http://getbarkeep.org/" class="linktitle">Barkeep</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">
Code review tool based on git.
</td></tr>

</table>

<h3>Use</h3>
<div class="baseline">It's hard to pass it, there are so many Saas out there. This week again, some more API-focused services.</div>
<table cellpadding="0" cellspacing="0" border="0" class="meat">

<tr><td>
<a href="https://saucelabs.com/" class="linktitle">Sauce Labs</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">
Automated remote browser testing with selenium. Free for Open Source projects.
</td></tr>

</table>


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

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

</div>



</div>
</div>