{"id":10528,"date":"2017-05-23T05:21:27","date_gmt":"2017-05-23T12:21:27","guid":{"rendered":"https:\/\/blog.mozilla.org\/?p=10528"},"modified":"2017-08-21T12:15:30","modified_gmt":"2017-08-21T19:15:30","slug":"mozilla-thimble-gets-makeover","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/","title":{"rendered":"Mozilla Thimble Gets a Makeover"},"content":{"rendered":"<h3><i>We\u2019re introducing major upgrades to our educational code editor<\/i><\/h3>\n<p>&nbsp;<\/p>\n<p>Learning to code\u2014from getting the hang of HTML tags to mastering the nuances of JavaScript\u2014shouldn\u2019t be a challenge. It should be fun, intuitive, hands-on and free of cost.<\/p>\n<p>That\u2019s why Mozilla built <a href=\"https:\/\/thimble.mozilla.org\/\"><b>Thimble<\/b><\/a> nearly five years ago. Much like Firefox enables users to browse the web, Thimble enables users to learn the web. It\u2019s our browser-based tool for learning to code.<\/p>\n<h3><b>Today, we\u2019re proud to announce Thimble is getting a makeover<\/b>.<\/h3>\n<p>We\u2019re introducing a suite of new features to make learning and teaching code even easier. Why? When more people can shape, and not just consume the web, the Internet becomes a healthier and more egalitarian, inclusive and funky place.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10530\" src=\"https:\/\/blog.mozilla.org\/wp-content\/uploads\/2017\/05\/brick-dog.gif\" alt=\"\" width=\"600\" height=\"300\" \/><\/p>\n<p>Thimble has taught hundreds of thousands of people across dozens of countries. It\u2019s been localized into 33 languages, and used in classrooms, at hackathons and at home. Thimble has also proved to be more than an educational code editor\u2014it\u2019s a creative platform. Thimble users can create <a href=\"https:\/\/thimble.mozilla.org\/en-US\/anonymous\/783b07b6-9aa0-4c1b-be4b-148709698db3\/2375\">personal webpages<\/a>, <a href=\"https:\/\/thimble.mozilla.org\/en-US\/anonymous\/8786ffa9-deab-4c97-8a84-17fb70186dee\/74\">comic strips<\/a>, <a href=\"https:\/\/thimble.mozilla.org\/en-US\/anonymous\/8c2a7e4b-a70c-478c-8730-9467d76d5cc4\/75\">post cards<\/a>, <a href=\"https:\/\/thimble.mozilla.org\/en-US\/anonymous\/939ca7af-dd2a-462a-ae05-1ba125eda884\/2498\">games<\/a> and more.<\/p>\n<p>And in true Mozilla fashion, Thimble is an open-source project. Many of those who learn to code with Thimble later return to offer tweaks and upgrades. Over 300 contributors from dozens of countries help build Thimble. Learn more about them <a href=\"https:\/\/thimble.mozilla.org\/en-US\/get-involved\">here<\/a>.<\/p>\n<h3><b>New Features<\/b><\/h3>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>JavaScript console<\/b>. Users can now debug their JavaScript projects within Thimble. It\u2019s a simpler experience than the browser console, which can be cluttered and intimidating<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Code snippets menu<\/b>. Access a handy menu populated with HTML, CSS and JavaScript snippets. Creating content just got easier<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>\u2018Favorite\u2019 feature<\/b>. Bookmark, organize and easily access projects you\u2019re currently working on<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Edit SVG image code directly<\/b>. You can now change properties of SVG images\u2014like fill and stroke color\u2014within Thimble. No need to use an external editor or image software<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Tajik language support<\/b>. Add one more language to Thimble\u2019s repertoire: <a href=\"https:\/\/en.wikipedia.org\/wiki\/Tajik_language\">Tajik<\/a>, which is spoken in Tajikistan and Uzbekistan<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><b>Plus more<\/b>, like an upgraded color picker; visible white space in code; updated file icons; an improved homepage gallery; easier file import and export mechanics; and the ability to disable autocomplete<\/li>\n<\/ul>\n<p>Mozilla owes a debt of gratitude to the network of developers, designers, teachers and localizers around the world who made these upgrades possible\u2014more than 300 contributors from 33 countries, like Brazil, Turkey, China and the UK. Their commitment to web literacy and open-source software makes the Internet healthier.<\/p>\n<p>Now: <a href=\"https:\/\/thimble.mozilla.org\">start coding<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re introducing major upgrades to our educational code editor &nbsp; Learning to code\u2014from getting the hang of HTML tags to mastering the nuances of JavaScript\u2014shouldn\u2019t be a challenge. It should &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/\">Read more<\/a><\/p>\n","protected":false},"author":659,"featured_media":10529,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15894,66,757],"tags":[],"coauthors":[311506],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mozilla Thimble Gets a Makeover - The Mozilla Blog (Archived)<\/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\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Lawrence\" \/>\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\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/\",\"url\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/\",\"name\":\"Mozilla Thimble Gets a Makeover - The Mozilla Blog (Archived)\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/blogarchive\/files\/2017\/05\/Screen-Shot-2017-05-23-at-8.20.27-AM.png\",\"datePublished\":\"2017-05-23T12:21:27+00:00\",\"dateModified\":\"2017-08-21T19:15:30+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/8984341963df3c4bed56b83fba5ea75f\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/blogarchive\/files\/2017\/05\/Screen-Shot-2017-05-23-at-8.20.27-AM.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/blogarchive\/files\/2017\/05\/Screen-Shot-2017-05-23-at-8.20.27-AM.png\",\"width\":594,\"height\":296},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/blogarchive\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mozilla Thimble Gets a Makeover\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/blogarchive\/\",\"name\":\"The Mozilla Blog (Archived)\",\"description\":\"Dispatches from the Internet frontier.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/blogarchive\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/8984341963df3c4bed56b83fba5ea75f\",\"name\":\"Christopher Lawrence\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/image\/b96533bff32e6ed5dfa466c7e7c5c0a9\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a06d577a094aef51df3d46b03e91c875?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a06d577a094aef51df3d46b03e91c875?s=96&d=mm&r=g\",\"caption\":\"Christopher Lawrence\"},\"url\":\"https:\/\/blog.mozilla.org\/blogarchive\/blog\/author\/clawrencemozillafoundation-org\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mozilla Thimble Gets a Makeover - The Mozilla Blog (Archived)","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\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/","twitter_misc":{"Written by":"Christopher Lawrence","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/","url":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/","name":"Mozilla Thimble Gets a Makeover - The Mozilla Blog (Archived)","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/blogarchive\/files\/2017\/05\/Screen-Shot-2017-05-23-at-8.20.27-AM.png","datePublished":"2017-05-23T12:21:27+00:00","dateModified":"2017-08-21T19:15:30+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/8984341963df3c4bed56b83fba5ea75f"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#primaryimage","url":"https:\/\/blog.mozilla.org\/blogarchive\/files\/2017\/05\/Screen-Shot-2017-05-23-at-8.20.27-AM.png","contentUrl":"https:\/\/blog.mozilla.org\/blogarchive\/files\/2017\/05\/Screen-Shot-2017-05-23-at-8.20.27-AM.png","width":594,"height":296},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/2017\/05\/23\/mozilla-thimble-gets-makeover\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/blogarchive\/"},{"@type":"ListItem","position":2,"name":"Mozilla Thimble Gets a Makeover"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/blogarchive\/#website","url":"https:\/\/blog.mozilla.org\/blogarchive\/","name":"The Mozilla Blog (Archived)","description":"Dispatches from the Internet frontier.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/blogarchive\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/8984341963df3c4bed56b83fba5ea75f","name":"Christopher Lawrence","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/blogarchive\/#\/schema\/person\/image\/b96533bff32e6ed5dfa466c7e7c5c0a9","url":"https:\/\/secure.gravatar.com\/avatar\/a06d577a094aef51df3d46b03e91c875?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a06d577a094aef51df3d46b03e91c875?s=96&d=mm&r=g","caption":"Christopher Lawrence"},"url":"https:\/\/blog.mozilla.org\/blogarchive\/blog\/author\/clawrencemozillafoundation-org\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/posts\/10528"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/users\/659"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/comments?post=10528"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/posts\/10528\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/media\/10529"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/media?parent=10528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/categories?post=10528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/tags?post=10528"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/blogarchive\/wp-json\/wp\/v2\/coauthors?post=10528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}