{"id":10914,"date":"2013-12-26T09:29:40","date_gmt":"2013-12-26T13:29:40","guid":{"rendered":"http:\/\/webmakerblog.wpengine.com\/?p=10914"},"modified":"2019-02-26T12:42:11","modified_gmt":"2019-02-26T20:42:11","slug":"localization","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/localization\/","title":{"rendered":"Localizing Webmaker"},"content":{"rendered":"<p>Of all of our accomplishments in 2013, one of the things we&#8217;re most excited about is localization.<br \/>\n<div id=\"attachment_10917\" style=\"width: 511px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-10917\" decoding=\"async\" loading=\"lazy\" class=\" wp-image-10917\" alt=\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f - \u0412\u0435\u0431\u043c\u0435\u0438\u0306\u043a\u0435\u0440 \u041c\u043e\u0437\u0438\u043b\u043b\u044b 2013-12-19 17-43-57\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2013\/12\/\u0413\u043b\u0430\u0432\u043d\u0430\u044f-\u0412\u0435\u0431\u043c\u0435\u0438\u0306\u043a\u0435\u0440-\u041c\u043e\u0437\u0438\u043b\u043b\u044b-2013-12-19-17-43-57.jpeg\" width=\"501\" height=\"217\" \/><p id=\"caption-attachment-10917\" class=\"wp-caption-text\">Webmaker.org localized in Russian<\/p><\/div><br \/>\nFor Webmaker to truly serve a global audience, we need to engage new communities on the web in languages other than English. However, localization is about more than translation. Everything from colour palettes to images \u2014 even makes \u2014 are unique to different countries, languages and cultures. While localizing is integral to our goal of getting millions of people around the world to build and teach the web, it is also a lot of work.<br \/>\n<!--more--><br \/>\nThat&#8217;s where our community has stepped in. Last May, we got serious about localizing Webmaker. David Humphrey, who teaches an open source development class at Seneca College near Toronto, began working with a handful of students to prototype a technical solution for localizing Webmaker&#8217;s tools, sites, APIs, and repos. <a title=\"Ali on Twitter\" href=\"https:\/\/twitter.com\/alicoding\" target=\"_blank\">Ali Al Dallal<\/a> led an experiment by creating <a title=\"I Love You\" href=\"http:\/\/iloveyou-localized.herokuapp.com\/\" target=\"_blank\">I Love You<\/a>, a program to translate the phrase &#8216;I love you&#8217; in 100 languages.<br \/>\n<a href=\"http:\/\/iloveyou-localized.herokuapp.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-10918\" alt=\"I love you 2013-12-19 18-03-37\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2013\/12\/I-love-you-2013-12-19-18-03-37.jpeg\" width=\"501\" height=\"246\" \/><\/a><br \/>\nWhile I Love You worked beautifully, it also revealed a series of significant technical challenges for Webmaker. Because the program was not originally designed to support localization, the team faced a nightmare of string translations. That called for restructuring both front-end and back-end code to extract the strings and designing a system for client-side localization.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"languages\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2013\/12\/languages.jpg\" width=\"165\" height=\"393\" \/><br \/>\nAli and <a title=\"Igor on Twitter\" href=\"https:\/\/twitter.com\/igoryen\" target=\"_blank\">Igor Yentaltsev<\/a>,\u00a0 another student from Seneca, stepped up to the challenge. In addition to developing code and infrastructure for Webmaker, they translated the first two languages themselves: Thai and Russian. Next, they created a <a title=\"Webmaker on Transifex\" href=\"https:\/\/www.transifex.com\/projects\/p\/webmaker\/\" target=\"_blank\">project on Transifex<\/a> for Webmaker, which allowed us to invite our community to contribute even more languages. The response was huge, with nearly 500 people participating. Some languages, like Bengali and French, were completed in just one week. People organized translation sprints in languages like Chinese Taiwan, making incredible progress in a single weekend. Today, only six months after we began seriously thinking about localization, 12 languages are complete and more than 70 are underway. We are incredibly grateful for all the help we&#8217;ve received.<br \/>\nAnyone is welcome to help to translate Webmaker on Transifex; all you need is a free account. We even have <a title=\"Support - translate Webmaker\" href=\"https:\/\/support.mozilla.org\/en-US\/kb\/translate-webmaker\" target=\"_blank\">a page to walk you through it<\/a>. However, a few other hurdles remain before we can truly serve a global audience. These include:<\/p>\n<ul>\n<li>rethinking UI design to support languages that read from right to left<\/li>\n<li>localizing content, and not just tools<\/li>\n<li>creating tools to download strings<\/li>\n<li>setting up a staging server for translators to test their work live on our site<\/li>\n<\/ul>\n<p>We welcome your ideas and contributions via <a title=\"GitHub: Mozilla Webmaker \" href=\"https:\/\/github.com\/search?q=%40mozilla+webmaker\" target=\"_blank\">GitHub<\/a> and <a title=\"Localization on Bugzilla\" href=\"https:\/\/bugzilla.mozilla.org\/buglist.cgi?product=Webmaker&amp;component=Localization&amp;resolution=---&amp;list_id=8861249\" target=\"_blank\">Bugzilla<\/a>!<br \/>\n&nbsp;<\/p>\n<h4><strong>Get Involved<\/strong><\/h4>\n<ul>\n<li>Check out our site in another language by selecting from the menu at the bottom left corner of <a title=\"Mozilla Webmaker\" href=\"https:\/\/webmaker.org\/\" target=\"_blank\">webmaker.org<\/a><\/li>\n<li>See our <a title=\"Support - translate Webmaker\" href=\"https:\/\/support.mozilla.org\/en-US\/kb\/translate-webmaker\" target=\"_blank\">how-to page<\/a> outlining how you can participate<\/li>\n<li>Read <a href=\"http:\/\/vocamus.net\/dave\/?s=localization&amp;searchsubmit=Search\" target=\"_blank\">David Humphry&#8217;s blog posts<\/a> detailing the localization of Webmaker<\/li>\n<li>Visit <a title=\"Webmaker on Transifex\" href=\"https:\/\/www.transifex.com\/projects\/p\/webmaker\/\" target=\"_blank\">our Transifex page<\/a> to monitor our progress<\/li>\n<li>Contribute <a title=\"GitHub: Mozilla Webmaker \" href=\"https:\/\/github.com\/search?q=%40mozilla+webmaker\" target=\"_blank\">GitHub<\/a> and <a title=\"Localization on Bugzilla\" href=\"https:\/\/bugzilla.mozilla.org\/buglist.cgi?product=Webmaker&amp;component=Localization&amp;resolution=---&amp;list_id=8861249\" target=\"_blank\">Bugzilla<\/a><\/li>\n<li>Learn to say\u00a0<a title=\"I Love You\" href=\"http:\/\/iloveyou-localized.herokuapp.com\/\" target=\"_blank\">I Love You<\/a> in 100 languages<\/li>\n<li>Connect with <a title=\"Ali on Twitter\" href=\"https:\/\/twitter.com\/alicoding\" target=\"_blank\">Ali<\/a>,\u00a0<a title=\"Igor on Twitter\" href=\"https:\/\/twitter.com\/igoryen\" target=\"_blank\">Igor<\/a> and <a title=\"David Humphrey on Twitter\" href=\"https:\/\/twitter.com\/humphd\" target=\"_blank\">David<\/a> on Twitter<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Of all of our accomplishments in 2013, one of the things we&#8217;re most excited about is localization. For Webmaker to truly serve a global audience, we need to engage new communities on the web in languages other than English. However, &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/localization\/\">Continue reading<\/a><\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[378228],"tags":[199,12675],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/10914"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/comments?post=10914"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/10914\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/media?parent=10914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/categories?post=10914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/tags?post=10914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}