{"id":14118,"date":"2015-12-01T15:23:38","date_gmt":"2015-12-01T19:23:38","guid":{"rendered":"http:\/\/webmakerblog.wpengine.com\/?p=14118"},"modified":"2019-02-26T12:40:17","modified_gmt":"2019-02-26T20:40:17","slug":"colour-palettes-code-folding-and-new-thimble-projects-oh-my","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/colour-palettes-code-folding-and-new-thimble-projects-oh-my\/","title":{"rendered":"Colour palettes, code folding, and new Thimble projects, oh my!"},"content":{"rendered":"

A few weeks ago, we wrote about some of the latest developments in Thimble<\/a>, especially as they relate to working in places with no or limited connectivity. Our latest changes focus on improving the coding experience, for beginners and more experienced coders alike.
\nColour Palette extraction for images<\/b>
\nThis one is awesome. It allows you to easily see what colors are used in any image. Just drag an image into your file tree, and click on it. Thimble will automatically pull out many of the prominent colors used in the image and show you their hexadecimal codes. In this example, I was able to identify one of the colors from a photograph I took on a recent trip, and use it to style my <h2> font.
\n\"Screenshot<\/a>New settings<\/b>
\nYou can now enable and disable line wrapping, and decide whether to auto-execute JavaScript, using new options in the Settings menu.
\n\"Screenshot<\/a>
\nMove files to different folders<\/b>
\nYou can now move files between folders. Simply right-click the file you want to move, and choose \u201cMove To\u2026\u201d (To create a new folder, right-click anywhere in the file tree.)
\n\"Screenshot<\/a>
\nCode Folding<\/b>
\nYou can easily collapse and expand sections of code for easier reading. Just click on the arrows next to the line numbers.
\n\"animated
\nNew remixable starter projects <\/b>
\nOur curriculum team has come up with some new fun projects to remix. Check out \u201cThree Things I <3<\/a>,\u201d \u201cMy Six-Word Summer<\/a>,\u201d and the popular \u201cHomework Excuse Generator<\/a>.\u201d
\n\"Animated
\nExpanded browser support<\/b>
\nThimble now works in all modern browsers, including Internet Explorer, Chromebooks, and Safari.
\nMarkdown to HTML and LESS to CSS conversion<\/strong>
\nThese features are for advanced Thimble users.
\nIf you create *.markdown or *.md files, Thimble will automatically create HTML files to go with them, so that the browser will render them. This could be useful for Tutorial files and README files, as well as any other markdown file you want to use.
\nThimble will do the same for a limited subset of LESS files. It works the same way: any file.less will automatically create file.css, which will be autogenerated from the LESS file.
\nIn both cases Thimble watches files in the browser filesystem, so you don’t even need to change a setting or push a button for the HTML and CSS files to be created.\u00a0 Also, if you update those files, the generated files will also get refreshed. Magic!
\n 
\nLet us know what you think of the changes by commenting below, dropping us a line at thimble@mozillafoundation.org, or tweeting @mozteach!
\n <\/p>\n","protected":false},"excerpt":{"rendered":"

A few weeks ago, we wrote about some of the latest developments in Thimble, especially as they relate to working in places with no or limited connectivity. Our latest changes focus on improving the coding experience, for beginners and more … 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":[330394],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/14118"}],"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=14118"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/14118\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/media?parent=14118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/categories?post=14118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/tags?post=14118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}