{"id":2910,"date":"2012-07-05T14:28:29","date_gmt":"2012-07-05T22:28:29","guid":{"rendered":"http:\/\/blog.mozilla.org\/webdev\/?p=2910"},"modified":"2012-07-05T14:28:29","modified_gmt":"2012-07-05T22:28:29","slug":"mozilla-webdevs-beer-and-tell-june-15-2012","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/webdev\/2012\/07\/05\/mozilla-webdevs-beer-and-tell-june-15-2012\/","title":{"rendered":"Mozilla Webdev\u2019s Beer and Tell: June 15, 2012"},"content":{"rendered":"

Each month Mozilla Webdev gets together and holds a series of lightning talks on side-projects and other interesting matters, and this month was no different. The June 2012 Beer and Tell<\/a> has come and gone, and it’s time to recap what went down!<\/p>\n

Read on to see what was presented, or scroll down to the end of the post to see the recording for yourself.<\/p>\n

Websites Standup App<\/h3>\n

Yours truly showed off the Websites Standup App<\/a>, which shows the latest daily updates from each member of the Websites team. Team members log their daily update via Yammer<\/a>, and the Standup app uses the Yammer JavaScript API<\/a> to pull in those posts and display them in a nice format (and, more importantly, only displays the latest update from each member). I specifically highlighted that getting the Yammer JavaScript API up and running was particularly easy.<\/p>\n

Check out the source code<\/a> to see an example of how to use the Yammer JavaScript API!<\/p>\n

\"Screenshot<\/a><\/p>\n

slay.js: yet another game engine<\/h3>\n

jlongster created a JavaScript game engine called slay.js<\/a>. It aims to be a simple framework for hooking together behavior and objects to create a game. The engine comes with two demo games that show off the basics of the engine, one of which involves delicious cookies! Future plans include a live in-game editor that will let players pause the game and edit code directly.<\/p>\n

You can see both<\/a> demos<\/a> on jlongster’s Github pages, but be warned that the initial load time may freeze your browser for a bit \u2014 be patient!<\/p>\n

\"Screenshot<\/a><\/p>\n

Fancy Modals!<\/h3>\n

potch showed off a CSS-powered modal<\/a> that fits to the user’s screen and the modal’s contents without any JavaScript to calculate the sizing. Because of the automatic sizing, the modal is responsive, looking great at mobile and desktop resolutions. As an added bonus, the markup for the modal is short and sweet, consisting of two tags. You should check out the source code<\/a>!<\/p>\n

\"Screenshot<\/a><\/p>\n

Playdoh switches to django_compressor<\/h3>\n

peterbe talked about how playdoh<\/a> has switched from using jingo-minify<\/a> to django_compressor<\/a>. There are several benefits to this switch, including putting static assets back into the HTML instead of maintaining lists in a settings file, as well as support for using the staticfiles<\/a> module in Django. Documentation<\/a> has been provided to help playdoh-based websites make the switch.<\/p>\n

The Video<\/h3>\n

If you’d rather watch it for yourself, here you go:<\/p>\n