PageRenderTime 42ms CodeModel.GetById 12ms RepoModel.GetById 0ms app.codeStats 0ms

/newsletters/partials/GRN-015.html

https://gitlab.com/franzejr/grn-static
HTML | 442 lines | 354 code | 88 blank | 0 comment | 0 complexity | 4d601163977385c701289325271b12ac MD5 | raw file
  1. <div id="templateContainer">
  2. <div id="templateHeader">
  3. <h1 style="text-align:right;margin-bottom:0;">#015 - may 19th 2013</h1>
  4. </div>
  5. <div id="templateBody">
  6. <div>
  7. <div class="baseline">
  8. <h2>Edito</h2>
  9. 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.
  10. <br>
  11. </div>
  12. </div>
  13. <h3>Listen</h3>
  14. <div class="baseline">What could be heard last week ..</div>
  15. <table cellpadding="0" cellspacing="0" border="0" class="meat">
  16. <tr><td>
  17. <a href="http://ruby5.envylabs.com/episodes/373-episode-369-may-14th-2013" class="linktitle">Ruby5 369</a>
  18. <span class="duration">(6m)</span>
  19. </td><td class="date">
  20. may 10
  21. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  22. </td></tr>
  23. <tr><td colspan="2" class="comment">
  24. json, joybox, context validations, form objects, kidscode, plataformatec, tabulous, git real.
  25. </td></tr>
  26. <tr><td>
  27. <a href="http://episodes.gitminutes.com/2013/05/gitminutes-08-drew-neil-on-vim-and.html" class="linktitle">Git Minutes #08</a>
  28. <span class="duration">(1h04)</span>
  29. </td><td class="date">
  30. may 13
  31. <img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
  32. </td></tr>
  33. <tr><td colspan="2" class="comment">
  34. Drew Neil made vincasts and talks about fugitive amd git inside vim.
  35. </td></tr>
  36. <tr><td>
  37. <a href="http://rubyrogues.com/105-rr-regular-expressions-with-nell-shamrell/" class="linktitle">RubyRogues 105</a>
  38. <span class="duration">(1h21)</span>
  39. </td><td class="date">
  40. may 15
  41. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  42. </td></tr>
  43. <tr><td colspan="2" class="comment">
  44. Discussion about Ruby Regular Expressions with Nell Shamrell.
  45. </td></tr>
  46. <tr><td>
  47. <a href="http://5by5.tv/changelog/88" class="linktitle">The Changelog 0.8.8</a>
  48. <span class="duration">(1h)</span>
  49. </td><td class="date">
  50. may 15
  51. <img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
  52. </td></tr>
  53. <tr><td colspan="2" class="comment">
  54. The Changelog moved to 5x5, and this edition is about Vagrant with its author, Mitchell Hashimoto.
  55. </td></tr>
  56. <tr><td>
  57. <a href="http://5by5.tv/changelog/89" class="linktitle">The Changelog 0.8.9</a>
  58. <span class="duration">(1h15)</span>
  59. </td><td class="date">
  60. may 17
  61. <img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
  62. </td></tr>
  63. <tr><td colspan="2" class="comment">
  64. Linux containers and Dockers, with Solomon Hykes founder of dotcloud.
  65. </td></tr>
  66. <tr><td>
  67. <a href="http://ruby5.envylabs.com/episodes/374-episode-370-may-17th-2013" class="linktitle">Ruby5 370</a>
  68. <span class="duration">(7m)</span>
  69. </td><td class="date">
  70. may 17
  71. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  72. </td></tr>
  73. <tr><td colspan="2" class="comment">
  74. ruby patches, minitest, jsonapi.org, postgres tagging, rubymotion, covim.
  75. </td></tr>
  76. <tr><td>
  77. <a href="http://javascriptjabber.com/059-jsj-jquery-mobile-with-todd-parker/" class="linktitle">Javascript Jabber 059</a>
  78. <span class="duration">(1h)</span>
  79. </td><td class="date">
  80. may 17
  81. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  82. </td></tr>
  83. <tr><td colspan="2" class="comment">
  84. JQuery mobile and related topics with Todd Parker.
  85. </td></tr>
  86. </table>
  87. <h3>Watch</h3>
  88. <div class="baseline">Screencasts and conferences videos, or other video feeds ...</div>
  89. <table cellpadding="0" cellspacing="0" border="0" class="meat">
  90. <tr><td>
  91. <a href="http://vimeo.com/channels/txjs2013" class="linktitle">Texas Javascript</a>
  92. <span class="duration">(7 videos)</span>
  93. </td><td class="date">
  94. may 12
  95. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  96. </td></tr>
  97. <tr><td colspan="2" class="comment">
  98. Recently published videos of Texas Javascript 2013.
  99. </td></tr>
  100. <tr><td>
  101. <a href="http://www.embercasts.com/" class="linktitle">Embercasts</a>
  102. <span class="duration">(12m)</span>
  103. </td><td class="date">
  104. may 12
  105. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  106. </td></tr>
  107. <tr><td colspan="2" class="comment">
  108. A new serie of 4 screencasts about ember.
  109. </td></tr>
  110. <tr><td>
  111. <a href="http://railscasts.com/episodes/115-model-caching-revised" class="linktitle">Models caching</a>
  112. <span class="duration">(12m)</span>
  113. </td><td class="date">
  114. may 13
  115. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  116. </td></tr>
  117. <tr><td colspan="2" class="comment">
  118. Revised version of the caching trick for caching models.
  119. </td></tr>
  120. <tr><td>
  121. <a href="https://www.youtube.com/watch?v=Q3ZbN-k-qGs" class="linktitle">Write a programming language</a>
  122. <span class="duration">(36m)</span>
  123. </td><td class="date">
  124. may 14
  125. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  126. </td></tr>
  127. <tr><td colspan="2" class="comment">
  128. A BonstonRB session about how to write a programming language (38 first min).
  129. </td></tr>
  130. <tr><td>
  131. <a href="http://blog.strongloop.com/the-road-to-node-js-v1-0/" class="linktitle">The Road to Node.js v1.0</a>
  132. <span class="duration">(50m)</span>
  133. </td><td class="date">
  134. may 14
  135. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  136. </td></tr>
  137. <tr><td colspan="2" class="comment">
  138. Isaac Schlueter talks about the node.js roadmap.
  139. </td></tr>
  140. <tr><td>
  141. <a href="http://www.youtube.com/user/GoogleDevelopers/videos" class="linktitle">Google I/O 2013</a>
  142. <span class="duration">(hours)</span>
  143. </td><td class="date">
  144. may 15
  145. <img class="icon" src="ico/web.png" height="18" width="18" align="right" alt="web" />
  146. </td></tr>
  147. <tr><td colspan="2" class="comment">
  148. The annual Google I/O is all over youtube, they filmed it all.
  149. </td></tr>
  150. <tr><td>
  151. <a href="http://marakana.com/s/post/1465/breaking_open_angularjs" class="linktitle">Breaking open: AngularJS</a>
  152. <span class="duration">(32m)</span>
  153. </td><td class="date">
  154. may 17
  155. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  156. </td></tr>
  157. <tr><td colspan="2" class="comment">
  158. Interview with the author of Angular, talking about the origins of the project.
  159. </td></tr>
  160. </table>
  161. <h3>Read</h3>
  162. <div class="baseline">From the blogosphere or news feeds ...</div>
  163. <table cellpadding="0" cellspacing="0" border="0" class="meat">
  164. <tr><td>
  165. <a href="http://dandelion-burdock.com/articles/view/the-weight-of-the-web" class="linktitle">The Weight of the Web</a>
  166. </td><td class="date">
  167. may 9
  168. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  169. </td></tr>
  170. <tr><td colspan="2" class="comment">
  171. Tricks on how to reduce page loads, especially working on images.
  172. </td></tr>
  173. <tr><td>
  174. <a href="http://rubysource.com/a-simple-content-management-system-in-sinatra/" class="linktitle">A simple CMS in sinatra</a>
  175. </td><td class="date">
  176. may 13
  177. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  178. </td></tr>
  179. <tr><td colspan="2" class="comment">
  180. A quick walk-through building a sinatra CMS over mongoDB.
  181. </td></tr>
  182. <tr><td>
  183. <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>
  184. </td><td class="date">
  185. may 13
  186. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  187. </td></tr>
  188. <tr><td colspan="2" class="comment">
  189. In a serie of javascript patterns article, the modules pattern.
  190. </td></tr>
  191. <tr><td>
  192. <a href="http://spin.atomicobject.com/2013/05/13/javascript-front-end-grunt/" class="linktitle">Build a Rich JavaScript Front End with Grunt</a>
  193. </td><td class="date">
  194. may 13
  195. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  196. </td></tr>
  197. <tr><td colspan="2" class="comment">
  198. Grunt is a great preprocessing engine, this post describes how.
  199. </td></tr>
  200. <tr><td>
  201. <a href="http://net.tutsplus.com/tutorials/ruby/mass-assignment-rails-and-you/" class="linktitle">Mass Assignment, Rails, and You</a>
  202. </td><td class="date">
  203. may 13
  204. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  205. </td></tr>
  206. <tr><td colspan="2" class="comment">
  207. An overview on mass assignment, how to handle it, and strong parameters.
  208. </td></tr>
  209. <tr><td>
  210. <a href="http://andrewberls.com/blog/post/ruby-tips-procs-vs-lambdas" class="linktitle">Ruby tips: Procs vs lambdas</a>
  211. </td><td class="date">
  212. may 14
  213. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  214. </td></tr>
  215. <tr><td colspan="2" class="comment">
  216. The details of what makes procs and lambda different block syntaxes.
  217. </td></tr>
  218. <tr><td>
  219. <a href="http://pivotallabs.com/stop-leaky-apis/" class="linktitle">Stop leaky APIs</a>
  220. </td><td class="date">
  221. may 15
  222. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  223. </td></tr>
  224. <tr><td colspan="2" class="comment">
  225. An API versionning strategy for rails apps.
  226. </td></tr>
  227. <tr><td>
  228. <a href="http://www.naildrivin5.com/blog/2013/05/17/source-code-typography.html" class="linktitle">Source Code Typography</a>
  229. </td><td class="date">
  230. may 17
  231. <img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
  232. </td></tr>
  233. <tr><td colspan="2" class="comment">
  234. Some thinking about code formatting rules and principles.
  235. </td></tr>
  236. <tr><td>
  237. <a href="http://robots.thoughtbot.com/post/50655960596/sandi-metz-rules-for-developers" class="linktitle">Sandi Metz rules for developers</a>
  238. </td><td class="date">
  239. may 17
  240. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  241. </td></tr>
  242. <tr><td colspan="2" class="comment">
  243. How thoughtbot team copes with the Sandi 4 rules.
  244. </td></tr>
  245. </table>
  246. <h3>Install</h3>
  247. <div class="baseline">A selection of gems or applications updated during past week.</div>
  248. <table cellpadding="0" cellspacing="0" border="0" class="meat">
  249. <tr><td>
  250. <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>
  251. </td><td class="date">
  252. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  253. </td></tr>
  254. <tr><td colspan="2" class="comment">
  255. This is a security upgrade for ruby version 2, plus some bugfixes and optimizations.
  256. </td></tr>
  257. <tr><td>
  258. <a href="http://luis-almeida.github.io/unveil/" class="linktitle">Unveil.js</a>
  259. </td><td class="date">
  260. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  261. </td></tr>
  262. <tr><td colspan="2" class="comment">
  263. A jQuery pugin for image lazy loading. Load only when in the viewport.
  264. </td></tr>
  265. <tr><td>
  266. <a href="https://github.com/csswizardry/csswizardry-grids" class="linktitle">CSS wizardry grid</a>
  267. </td><td class="date">
  268. <img class="icon" src="ico/css3.png" height="18" width="18" align="right" alt="css3" />
  269. </td></tr>
  270. <tr><td colspan="2" class="comment">
  271. Yet another css base for mobile first, responsive design.
  272. </td></tr>
  273. <tr><td>
  274. <a href="http://blog.rubymotion.com/post/50523137515/introducing-promotion-a-full-featured-rubymotion" class="linktitle">ProMotion</a>
  275. </td><td class="date">
  276. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  277. </td></tr>
  278. <tr><td colspan="2" class="comment">
  279. A RubyMotion application framework.
  280. </td></tr>
  281. <tr><td>
  282. <a href="http://polymer-project.appspot.com/" class="linktitle">Polymer</a>
  283. </td><td class="date">
  284. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  285. </td></tr>
  286. <tr><td colspan="2" class="comment">
  287. A very interesting polyfills-based implementation of web components (design your tags).
  288. </td></tr>
  289. <tr><td>
  290. <a href="https://github.com/seattlerb/minitest" class="linktitle">Minitest</a>
  291. </td><td class="date">
  292. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  293. </td></tr>
  294. <tr><td colspan="2" class="comment">
  295. Minitest just shipped version 5.0.0,
  296. </td></tr>
  297. <tr><td>
  298. <a href="http://ruboto.org/2013/05/11/Ruboto-0.12.0-release-doc.html" class="linktitle">Ruboto</a>
  299. </td><td class="date">
  300. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  301. </td></tr>
  302. <tr><td colspan="2" class="comment">
  303. Version 0.12.0 just came out, few new features, some bugfixes.
  304. </td></tr>
  305. <tr><td>
  306. <a href="http://agilityjs.com/" class="linktitle">Agility.js</a>
  307. </td><td class="date">
  308. <img class="icon" src="ico/js.png" height="18" width="18" align="right" alt="js" />
  309. </td></tr>
  310. <tr><td colspan="2" class="comment">
  311. Another javascript MVC framework, supposedly easier, over jQuery lib.
  312. </td></tr>
  313. <tr><td>
  314. <a href="http://kmatrah.github.io/level_up/" class="linktitle">Level up</a>
  315. </td><td class="date">
  316. <img class="icon" src="ico/rb.png" height="18" width="18" align="right" alt="rb" />
  317. </td></tr>
  318. <tr><td colspan="2" class="comment">
  319. A simple rails engine for creating graphs based on jobs.
  320. </td></tr>
  321. </table>
  322. <h3>Use</h3>
  323. <div class="baseline">Web applications, available for making our life easier.</div>
  324. <table cellpadding="0" cellspacing="0" border="0" class="meat">
  325. <tr><td>
  326. <a href="http://clippingmagic.com/" class="linktitle">Clipping Magic</a>
  327. </td><td class="date">
  328. <img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
  329. </td></tr>
  330. <tr><td colspan="2" class="comment">
  331. Remove background from image according to your markings, pretty neat.
  332. </td></tr>
  333. <tr><td>
  334. <a href="http://city41.github.io/breakouts/" class="linktitle">Breakouts</a>
  335. </td><td class="date">
  336. <img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
  337. </td></tr>
  338. <tr><td colspan="2" class="comment">
  339. The TodoMVC of javascript game tools. Simple game made with various JS frameworks.
  340. </td></tr>
  341. <tr><td>
  342. <a href="http://froont.com/" class="linktitle">Froont</a>
  343. </td><td class="date">
  344. <img class="icon" src="ico/tool.png" height="18" width="18" align="right" alt="tool" />
  345. </td></tr>
  346. <tr><td colspan="2" class="comment">
  347. Responsive web designer.
  348. </td></tr>
  349. </table>
  350. <div class="baseline" style="border-top: 1px solid #ccc">
  351. <i>Links curated by mose (editor).</i>
  352. </div>
  353. </div>
  354. </div>