{"id":3926,"date":"2014-08-21T10:26:51","date_gmt":"2014-08-21T18:26:51","guid":{"rendered":"http:\/\/blog.mozilla.org\/webdev\/?p=3926"},"modified":"2015-02-23T13:19:44","modified_gmt":"2015-02-23T21:19:44","slug":"beer-and-tell-august-2014","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/","title":{"rendered":"Beer and Tell &#8211; August 2014"},"content":{"rendered":"<p>Once a month, web developers from across the Mozilla Project get together to upvote stories on Hacker News from each of our blogs. While we&#8217;re together, we usually end up sharing a bit about our side projects over beers, which is why we call this meetup &#8220;Beer and Tell&#8221;.<\/p>\n<p>There&#8217;s a <a href=\"https:\/\/wiki.mozilla.org\/Webdev\/Beer_And_Tell\/August2014\">wiki page available<\/a> with a list of the presenters, as well as links to their presentation materials. There&#8217;s also a <a href=\"https:\/\/air.mozilla.org\/webdev-beer-and-tell-august-2014\/\">recording available<\/a> courtesy of Air Mozilla.<\/p>\n<h2 class=\"fn\">Frederik Braun: Room Availability in the Berlin Office<\/h2>\n<p><a href=\"https:\/\/mozillians.org\/u\/freddyb\/\">freddyb<\/a> shared (via a ghost presentation by yours truly) a small webapp he made that <a href=\"https:\/\/berlin-rooms.paas.allizom.org\/\">shows the current availability of meeting rooms in the Mozilla Berlin office<\/a>. The app reads room availability from <a href=\"http:\/\/www.zimbra.com\/\">Zimbra<\/a>, which Mozilla uses for calendaring and booking meeting rooms. It also uses <a href=\"http:\/\/momentjs.com\/\">moment.js<\/a> for rendering relative dates to let you know when a room will be free.<\/p>\n<p>The discussion following the presentation brought up a few similar apps that other Mozilla offices had made to show off their availability, such as the Vancouver office&#8217;s <a href=\"https:\/\/yvr-conf.paas.allizom.org\/\">yvr-conf-free<\/a> and the Toronto office&#8217;s <a href=\"https:\/\/yyz-conf-free.paas.allizom.org\/\">yyz-conf-free<\/a>.<\/p>\n<h2>Nigel Babu: hgstats<\/h2>\n<p><a href=\"https:\/\/mozillians.org\/u\/nigelb\/\">nigelb<\/a> shared (via <em>another<\/em> ghost presentation, this time split between myself and <a href=\"https:\/\/mozillians.org\/u\/lthomson\/\">laura<\/a>) <a href=\"http:\/\/nigelbabu.github.io\/hgstats\/\">hgstats<\/a>, which shows publicly-available graphs of the general health of Mozilla&#8217;s <a href=\"https:\/\/developer.mozilla.org\/docs\/Mercurial\">mercurial servers<\/a>. This includes CPU usage, load, swap, and more. The main magic of the app is to load images from <a href=\"https:\/\/github.com\/graphite-project\/graphite-web\">graphite<\/a>, which are publicly visible, while graphite itself isn&#8217;t.<\/p>\n<p>nigelb has offered a bounty of beer for anyone who reviews the app code for him.<\/p>\n<h2>Pomax: Inkcyclopedia<\/h2>\n<p><a href=\"https:\/\/mozillians.org\/u\/Pomax\/\">Pomax<\/a> shared an early preview of <a href=\"http:\/\/flickr.nihongoresources.com:1234\/\">Inkcyclopedia<\/a>, an online encyclopedia of ink colors. Essentially, Pomax bought roughly 170 different kinds of ink, wrote down samples with all of them, photographed them, and then collected those images along with the kind of ink used for each. Once finished, the site will be able to accept user-submitted samples and analyze them to attempt to identify the color and associate it with the ink used. Unsurprisingly, the site is able to do this using the <a href=\"https:\/\/github.com\/Pomax\/RGBAnalyse\">RGBAnalyse<\/a> library that Pomax shared during the last Beer and Tell, in tandem with <a href=\"https:\/\/github.com\/leeoniya\/RgbQuant.js\">RgbQuant.js<\/a>.<\/p>\n<h2>Sathya Gunasekaran: screen-share<\/h2>\n<p><a href=\"https:\/\/mozillians.org\/u\/gsathya\/\">gsathya<\/a> shared a <a href=\"http:\/\/codesurfers.net\/~gsathya\/webrtc\/webrtc.webm\">screencast<\/a> showing off a project that has one browser window running a WebGL game and sharing its screen with another browser window via WebRTC. The <a href=\"https:\/\/github.com\/gsathya\/screen-share\">demo<\/a> currently uses Chrome&#8217;s desktopCapture API for recording the screen before sending it to the listener over WebRTC.<\/p>\n<hr \/>\n<p>Alas, we were unable to beat Hacker News&#8217;s voting ring detection. But at least we had fun!<\/p>\n<p>If you&#8217;re interested in attending the next Beer and Tell, sign up for the <a href=\"https:\/\/lists.mozilla.org\/listinfo\/dev-webdev\">dev-webdev@lists.mozilla.org mailing list<\/a>. An email is sent out a week beforehand with connection details. You could even add yourself to the wiki and show off your side-project!<\/p>\n<p>See you next month!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Once a month, web developers from across the Mozilla Project get together to upvote stories on Hacker News from each of our blogs. While we&#8217;re together, we usually end up sharing a bit about our side projects over beers, which &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/\">Continue reading<\/a><\/p>\n","protected":false},"author":445,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20263,288],"tags":[],"coauthors":[28315],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beer and Tell - August 2014 - Mozilla Web Development<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Kelly\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/\",\"url\":\"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/\",\"name\":\"Beer and Tell - August 2014 - Mozilla Web Development\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/#website\"},\"datePublished\":\"2014-08-21T18:26:51+00:00\",\"dateModified\":\"2015-02-23T21:19:44+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/#\/schema\/person\/c5d68eef83c0e4e0ae60176f557c1941\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/webdev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beer and Tell &#8211; August 2014\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/webdev\/\",\"name\":\"Mozilla Web Development\",\"description\":\"For make benefit of glorious tubes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/webdev\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/#\/schema\/person\/c5d68eef83c0e4e0ae60176f557c1941\",\"name\":\"Michael Kelly\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/webdev\/#\/schema\/person\/image\/835c2c0db4a21fa347206563231f3e71\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a414aea4a5b11c6e2e00f760e96b85ab?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a414aea4a5b11c6e2e00f760e96b85ab?s=96&d=mm&r=g\",\"caption\":\"Michael Kelly\"},\"description\":\"Michael Kelly is a developer on the Web Engineering team at Mozilla. He works on tools that help engineers get things done. He also helps run a lot of the Webdev group activities!\",\"sameAs\":[\"http:\/\/mkelly.me\",\"https:\/\/x.com\/Osmose\"],\"url\":\"https:\/\/blog.mozilla.org\/webdev\/author\/mkellymozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beer and Tell - August 2014 - Mozilla Web Development","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/","twitter_misc":{"Written by":"Michael Kelly","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/","url":"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/","name":"Beer and Tell - August 2014 - Mozilla Web Development","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/webdev\/#website"},"datePublished":"2014-08-21T18:26:51+00:00","dateModified":"2015-02-23T21:19:44+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/webdev\/#\/schema\/person\/c5d68eef83c0e4e0ae60176f557c1941"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/webdev\/2014\/08\/21\/beer-and-tell-august-2014\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/webdev\/"},{"@type":"ListItem","position":2,"name":"Beer and Tell &#8211; August 2014"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/webdev\/#website","url":"https:\/\/blog.mozilla.org\/webdev\/","name":"Mozilla Web Development","description":"For make benefit of glorious tubes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/webdev\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/webdev\/#\/schema\/person\/c5d68eef83c0e4e0ae60176f557c1941","name":"Michael Kelly","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/webdev\/#\/schema\/person\/image\/835c2c0db4a21fa347206563231f3e71","url":"https:\/\/secure.gravatar.com\/avatar\/a414aea4a5b11c6e2e00f760e96b85ab?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a414aea4a5b11c6e2e00f760e96b85ab?s=96&d=mm&r=g","caption":"Michael Kelly"},"description":"Michael Kelly is a developer on the Web Engineering team at Mozilla. He works on tools that help engineers get things done. He also helps run a lot of the Webdev group activities!","sameAs":["http:\/\/mkelly.me","https:\/\/x.com\/Osmose"],"url":"https:\/\/blog.mozilla.org\/webdev\/author\/mkellymozilla-com\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/posts\/3926"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/users\/445"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/comments?post=3926"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/posts\/3926\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/media?parent=3926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/categories?post=3926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/tags?post=3926"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/webdev\/wp-json\/wp\/v2\/coauthors?post=3926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}