{"id":2147,"date":"2015-04-17T09:00:52","date_gmt":"2015-04-17T09:00:52","guid":{"rendered":"http:\/\/blog.mozilla.org\/community\/?p=2147"},"modified":"2015-04-16T22:08:20","modified_gmt":"2015-04-16T22:08:20","slug":"a-highly-productive-hack-on-mdn-weekend-in-berlin","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/community\/2015\/04\/17\/a-highly-productive-hack-on-mdn-weekend-in-berlin\/","title":{"rendered":"A highly productive &#8220;Hack on MDN&#8221; weekend in Berlin"},"content":{"rendered":"<p><div id=\"attachment_2151\" style=\"width: 610px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blog.mozilla.org\/community\/files\/2015\/04\/11073502_781006205281080_8135317797319228200_o.jpg\"><img aria-describedby=\"caption-attachment-2151\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/blog.mozilla.org\/community\/files\/2015\/04\/11073502_781006205281080_8135317797319228200_o-600x400.jpg\" alt=\"Pitching project ideas at HackOnMDN weekend, Berlin 2015\" width=\"600\" height=\"400\" class=\"size-large wp-image-2151\" srcset=\"https:\/\/blog.mozilla.org\/community\/files\/2015\/04\/11073502_781006205281080_8135317797319228200_o-600x400.jpg 600w, https:\/\/blog.mozilla.org\/community\/files\/2015\/04\/11073502_781006205281080_8135317797319228200_o-252x168.jpg 252w, https:\/\/blog.mozilla.org\/community\/files\/2015\/04\/11073502_781006205281080_8135317797319228200_o.jpg 2048w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-2151\" class=\"wp-caption-text\">Pitching project ideas at HackOnMDN weekend, Berlin 2015. Photo by Biraj Karmakar.<\/p><\/div><br \/>\nAbout 30 Mozilla contributors gathered in Berlin over 27-29 March to collaborate for the second annual &#8220;Hack on MDN&#8221; weekend. Together, we achieved our goal of producing a ton of useful outcomes that will improve MDN in different ways, including code, content, community, and processes. <\/p>\n<p>Here is a list of the projects that were accomplished. All of them were worked on collaboratively, so if I miss mentioning everyone who worked on each thing, I apologize.<\/p>\n<h2>Platform Code<\/h2>\n<ul>\n<li><a href=\"https:\/\/wiki.mozilla.org\/MDN\/Get_involved\/Events\/HackOnMDN\/Project:_Service_Workers\">Proof-of-concept for offline use of MDN<\/a>, implemented with Service Workers, by Szmozs\u00e1nszky Istv\u00e1n (Flaki). <\/li>\n<li>Prototype <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1133071\">Metrics dashboard for MDN<\/a>, using Google Analytics and database queries, by Rabimba Karanjai, Rob Hudson, Luke Crouch, Justin Crawford, Jannis Leidel, Akshay Aurora.<\/li>\n<li>A prototype for <a href=\"https:\/\/etherpad.mozilla.org\/hackonmdn-edit-in-JSFiddle\">opening MDN code samples in JSFiddle<\/a>, by Flaki, Eric Shepherd (Sheppy), J&eacute;r&eacute;mie Patonnier, and Akshay.<\/li>\n<li>A prototype for an annotation system for MDN editors, implemented as a <a href=\"https:\/\/github.com\/soapdog\/firefox-addon-mdn-comments\">Firefox add-on<\/a> and <a href=\"https:\/\/github.com\/soapdog\/nodejs-server-mdn-comments\">back-end server<\/a>, by Andre Garzia.<\/li>\n<li><a href=\"https:\/\/onedrive.live.com\/view.aspx?resid=6010345F80EDEF7A!462&amp;cid=6010345f80edef7a&amp;app=WordPdf\">Proposal<\/a> and <a>mock-up<\/a> for slicing MDN into smaller sites, by Vladimir Krstic, with input from Sheppy, Franceso Iovine. <\/li>\n<li>Design improvements for viewing MDN on mobile devices, by Thierry R&eacute;gagnon.<\/li>\n<\/ul>\n<h2>Content<\/h2>\n<ul>\n<li>Additions to the Learning Area glossary, by Biraj Karmakar and Liu Xing (Meteormatt), <\/li>\n<li><a href=\"https:\/\/etherpad.mozilla.org\/hackonmdn-CSS-Reference-page-refactoring\">Refactoring CSS pages<\/a> to make them better structured for users and for Firefox Dev Tools to use, by Jean-Yves Perrier, Julien G (Sphinx), Florian, Saurabh Nair, Will Bamberg, Thierry, Sebastian Zartner.<\/li>\n<li>Code samples and articles related to Touch Events. This resulted in a touch-based game, <a href=\"http:\/\/touch.enclavegames.com\/\">Touch Horizon<\/a>, <a href=\"https:\/\/github.com\/EnclaveGames\/Touch-Event-Horizon\">available on Github<\/a>, and a draft article on <a href=\"https:\/\/developer.mozilla.org\/en-US\/Apps\/Build\/User_input_methods\/Touch_Gestures_and_Events\">Touch gestures and events<\/a>, by Francesco Iovine, Andrzej Mazur, Niklas Barning, and Sebastian.<\/li>\n<li>Article on <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Games\/Workflows\/Breakout_game_from_scratch\">writing a game in Canvas, from scratch<\/a>, with code samples at every step, <a href=\"https:\/\/github.com\/end3r\/Gamedev-Canvas-workshop\">also available on Github<\/a>, by Andrej, Niklas, and Rabimba.<\/li>\n<li>More code samples! by Andre Garzia\n<ul>\n<li>Added Image Uploader on the Web Activites, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/NetworkInformation\/connection\">Network Information API<\/a>, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/notification\">Notification API<\/a> articles<\/li>\n<li>Added Contact Exporter on the Contacts and the <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Device_Storage_API\">Device Storage API<\/a> articles<\/li>\n<li>Added simple Telnet Client to the <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/TCP_Socket_API\">TCP Socket API<\/a> article<\/li>\n<li>Added Cyber Orb to the <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Device_Storage_API\">device orientation API<\/a> article<\/li>\n<\/ul>\n<\/li>\n<li>For MDN Content Kits: created a <a href=\"https:\/\/github.com\/mdn\/content-kit-template\">template kit<\/a>, updated the <a href=\"https:\/\/wiki.mozilla.org\/MDN\/Projects\/Content\/MDN_Content_Kits\">wiki page<\/a>, and created an <a href=\"https:\/\/developer.mozilla.org\/en-US\/Learn\/Content_Kits\">index page for Content Kits<\/a> on MDN, by Justin Crawford, Stormy Peters, and Havi Hoffman. <\/li>\n<li><a href=\"https:\/\/etherpad.mozilla.org\/hackonmdn-2014-March-Berlin-MDNFellowship\">Curriculum plan<\/a> for MDN Fellowship orientation, by Diane Tate, with input from Michelle Thorne, Laura Hilliger, Stormy Peters, Ali Spivak.<\/li>\n<\/ul>\n<h2>Community<\/h2>\n<ul>\n<li>A draft of new <a href=\"https:\/\/wiki.mozilla.org\/MDN\/Projects\/Recognition\">recognition system<\/a> and <a>process<\/a>, by Biraj Karmakar, Ali Spivak, and Janet Swisher.<\/li>\n<li><a href=\"https:\/\/badges.mozilla.org\/en-US\/badges\/badge\/Hack-On-MDN-Weekend-2015\/\">Badge for participants of the weekend<\/a>, by Biraj Karmakar and Janet Swisher.<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/channel\/UCxKNevwLDneOQNjczI5E7Zg\">MDN Youtube channel<\/a> with screencasts on contributing to MDN, and the Learning area, by Biraj Karmakar.<\/li>\n<li>A <a href=\"https:\/\/etherpad.mozilla.org\/hackonmdn-events\">plan<\/a> for expanding the current &#8220;Wednesday Docs&#8221; meetup concept to more general MDN meetup-like events.<\/li>\n<li>Roundtable discussion about the history of the MDN community, in preparation for our 10th anniversary celebration, later this year. Recorded by Niklas, with a bunch of people participating.<\/li>\n<li>Plans for an <a href=\"https:\/\/etherpad.mozilla.org\/HTML-tutorial\">HTML tutorial<\/a>, by J&eacute;r&eacute;mie and Thierry.<\/li>\n<\/ul>\n<h2>Processes<\/h2>\n<ul>\n<li><a href=\"https:\/\/etherpad.mozilla.org\/hackonmdn-browsercompat-plan\">Plan for Q2 work on the browser compatibility project, by Sebastian, Rabimba, J&eacute;r&eacute;mie, and Luke.<\/a><\/li>\n<li>John Karahalis led a tutorial on using Git and Github for those not familiar with these tools.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>About 30 Mozilla contributors gathered in Berlin over 27-29 March to collaborate for the second annual &#8220;Hack on MDN&#8221; weekend. Together, we achieved our goal of producing a ton of &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/community\/2015\/04\/17\/a-highly-productive-hack-on-mdn-weekend-in-berlin\/\">Read more<\/a><\/p>\n","protected":false},"author":438,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4364,39],"tags":[],"coauthors":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/posts\/2147"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/users\/438"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/comments?post=2147"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/posts\/2147\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/media?parent=2147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/categories?post=2147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/tags?post=2147"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/community\/wp-json\/wp\/v2\/coauthors?post=2147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}