Once a month, web developers from across the Mozilla Project get together to design the most dangerous OSHA-compliant workstation possible. While searching for loopholes, we find time to talk about our side projects and drink, an occurrence we like to call “Beer and Tell”.<\/p>\n
There’s a wiki page available<\/a> with a list of the presenters, as well as links to their presentation materials. There’s also a recording available<\/a> courtesy of Air Mozilla.<\/p>\n A certain blog post author<\/a> was first with dxr-cmd<\/a>, a command-line client for making queries to DXR<\/a>, Mozilla’s source code browser. The tool is installed via pip<\/a> and supports any query you can make via the web interface. Output can be run through a pager utility such as less<\/a>, and you can also control the syntax highlighting applied to the output.<\/p>\n Next up was phrawzty<\/a>, who was not present but shared a link to AudioAddict.bundle<\/a>, a Plex<\/a> plugin that allows you to play music from AudioAddict<\/a>-based services (such as radiotunes.com<\/a>, di.fm<\/a>, and more).<\/p>\n peterbe<\/a> shared Redunter<\/a>, a web service that helps hunt down unused CSS on your website. By embedding a small snippet of JS into your page and browsing through your website, Redunter will analyze the HTML being rendered and compare it to the CSS being served. The end result is a list of CSS rules that did not match any HTML that was delivered to the user. Redunter even works with sites that modify the DOM by watching for mutation events and tracking the altered HTML.<\/p>\n ScottMichaud<\/a> returns with more fun stuff using the WebCL extension<\/a>! Scott shared a demo<\/a> of WebCL-powered audio<\/a> where a virtual microphone was surrounded by individual raindrop sounds. By controlling the rate of raindrops, you can simulate a higher audio load and see the difference that pushing audio processing to the GPU can make.<\/p>\n Senior Space Cadet lorchard<\/a> shared Parsec Patrol<\/a>, a vector-based space game for the web. While there’s no full game made yet, there is a webpage with several demos<\/a> showing collision detection, spaceship navigation, missiles, point-defense systems, and more!<\/p>\n Have you ever seen an abbreviation like l10n or i18n and had no idea what it meant? Have no fear, Uncle Potch<\/a> is here with a9r<\/a>, the answer to the abbreviation problem! Simply install the command and enter in an abbreviation to receive a list of all words in the SOWPODS<\/a> word list that match. Got a word that you need to abbreviate? Not only can a9r decipher abbreviations, it can create them!<\/p>\n In a slightly-less-whimsical vein, potch also shared socketpeer<\/a>, a simple JavaScript library for 1:1 messaging via WebRTC Data Channels and WebSockets. Extracted from the Tanx<\/a> demo that Mozilla showed at GDC 2015, socketpeer contains both a server API for establishing peer connections between users and a client API to handle the client-side communication. Potch also shared a demo<\/a> of a peer-to-peer chat application<\/a> using socketpeer.<\/p>\n Next up was cvan<\/a>, who shared PhantomHAR<\/a>, a PhantomJS<\/a> and SlimerJS<\/a> script that generates an HTTP Archive<\/a> (or HAR) for a URL. A HAR is an archive of data about HTTP transactions that can be used to export detailed performance data for tools to consume and analyze, and PhantomHAR allows you to easily generate the HAR for use by these tools.<\/p>\n Next, cvan shared fetch-manifest<\/a>, a small library that takes a URL, locates the W3C web app manifest<\/a> for the page, fixes any relative URLs in the manifest, and returns it. This is useful for things like app marketplaces that want to allow people to submit web apps by submitting a single URL to the app they want to submit.<\/p>\n Last up was bwalker<\/a>, who shared robot-threejs<\/a>, an experimental steampunk robot game powered by three.js and WebGL. The game currently allows you to fly around a 3D environment<\/a> that has 3D positional audio emitting from an incredibly mysterious cube. CAN YOU SOLVE THE CUBE MYSTERY?<\/p>\n This month we think we’ve really got something special with our Seki Edge keyboard-and-mouse combo. Order now and get a free box of Band-aids at no additional cost!<\/p>\n If you’re interested in attending the next Beer and Tell, sign up for the 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 See you next month!<\/p>\n","protected":false},"excerpt":{"rendered":"Michael Kelly: dxr-cmd<\/h2>\n
Daniel Maher: AudioAddict plugin for Plex<\/h2>\n
Peter Bengtsson: Redunter<\/h2>\n
Scott Michaud: GPU-Accelerated Audio<\/h2>\n
Les Orchard: Parsec Patrol<\/h2>\n
Matthew Claypotch: a9r<\/h2>\n
Matthew Claypotch: socketpeer<\/h2>\n
Chris Van Wiemeersch: PhantomHAR<\/h2>\n
Chris Van Wiemeersch: fetch-manifest<\/h2>\n
Bill Walker: robot-threejs<\/h2>\n
\n