{"id":10022,"date":"2013-09-06T18:46:54","date_gmt":"2013-09-06T22:46:54","guid":{"rendered":"http:\/\/webmakerblog.wpengine.com\/?p=10022"},"modified":"2019-02-26T12:42:15","modified_gmt":"2019-02-26T20:42:15","slug":"tutorials","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/tutorials\/","title":{"rendered":"New tutorials allow you to hack the web right in your browser"},"content":{"rendered":"<p>One of the most exciting things we&#8217;re learning from this year&#8217;s <a title=\"Maker Party 2013\" href=\"https:\/\/webmaker.org\/party\" target=\"_blank\">Maker Party<\/a> is people from around the world are genuinely hungry for skills to hack the web. That was our intention when we designed <a title=\"Remix web pages instantly with X-Ray Goggles\" href=\"https:\/\/goggles.webmaker.org\/\" target=\"_blank\">X-Ray Goggles<\/a>, <a title=\"Create your own web page with Thimble\" href=\"https:\/\/thimble.webmaker.org\/\" target=\"_blank\">Thimble<\/a> and <a title=\"Supercharge web video with Popcorn Maker\" href=\"https:\/\/popcorn.webmaker.org\/\" target=\"_blank\">Popcorn Maker<\/a>: we wanted to provide great opportunities for people to peek behind the curtains of the internet and investigate some of the moving parts.<br \/>\nRecently, Maker Party participants have started to create tutorials to help introduce others to webmaking. We couldn&#8217;t be more delighted about these fantastic, user-made resources.<br \/>\n<!--more--><br \/>\nMunich-based Mozillian, Tobi X, created two great tutorials to get you started on your first hack. All you need is a computer with the \u00a0<a title=\"Download the latest version of Firefox\" href=\"http:\/\/www.mozilla.org\/en-US\/\" target=\"_blank\">Firefox browser<\/a>.<br \/>\nTobi&#8217;s first tutorial, <a title=\"Tutorial: Your first hack part 1\" href=\"https:\/\/tbx.makes.org\/thimble\/your-first-hack\" target=\"_blank\">Maker Party: Your first hack, part 1<\/a>, shows you how to hack your browser using a little bit of javascript. Give it a try! In just a minute or two, you can easily change the look of anything on the web.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10025\" alt=\"How to remix any web page -- part 1 2013-09-06 14-00-55\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2013\/09\/How-to-remix-any-web-page-part-1-2013-09-06-14-00-55.jpeg\" width=\"500\" height=\"277\" \/><br \/>\nTobi&#8217;s next tutorial, <a href=\"https:\/\/tbx.makes.org\/thimble\/maker-party-your-first-hack-pt-2\" target=\"_blank\">Maker Party: Your first hack, part 2<\/a>, helps you add, change or remove images on any website. Want to add a background image to Google? Change Mark Zuckerberg&#8217;s Facebook profile photo? Remove the ads from your Facebook page? This is a fun and easy way to muck around with a website.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-10027\" alt=\"How to remix any web page -- part 2 2013-09-06 14-02-42\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2013\/09\/How-to-remix-any-web-page-part-2-2013-09-06-14-02-42-600x362.jpeg\" width=\"500\" height=\"310\" \/><br \/>\nThe coolest thing about Tobi&#8217;s tutorials is they&#8217;re made in <a title=\"Create your own web page with Thimble\" href=\"https:\/\/thimble.webmaker.org\/\" target=\"_blank\">Thimble<\/a>, which means after you give them a try, you can remix them to make them even better! Simply press the Remix button on the top right corner of either tutorial to alter it any way you like.<br \/>\nNeed a suggestion? Tobi uses a German version of Firefox and some of his illustrative photos are in German. Why not exchange his images for photos in another language?<br \/>\n<a href=\"http:\/\/webmakerblog.wpengine.com\/tutorials\/how-to-remix-any-web-page-part-1-2013-09-06-14-01-42\" rel=\"attachment wp-att-10026\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-10026\" alt=\"How to remix any web page -- part 1 2013-09-06 14-01-42\" src=\"http:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2013\/09\/How-to-remix-any-web-page-part-1-2013-09-06-14-01-42-600x417.jpeg\" width=\"500\" height=\"353\" \/><\/a><br \/>\nWhen you&#8217;re done, send your work our way by sharing it on Twitter with the #makerparty hashtag. People all around the world are eager to give webmaking a try and tutorials are a great place to start.<\/p>\n<h4>Get involved:<\/h4>\n<ul>\n<li>Learn more about Mozilla&#8217;s global <a title=\"Maker Party 2013\" href=\"https:\/\/webmaker.org\/party\" target=\"_blank\">Maker Party.<\/a><\/li>\n<li>Try the tutorial, <a title=\"Tutorial: Your first hack part 1\" href=\"https:\/\/tbx.makes.org\/thimble\/your-first-hack\" target=\"_blank\">Maker Party: Your first hack, part 1.<\/a><\/li>\n<li>Try the tutorial, <a title=\"Tutorial: Your first hack part 2\" href=\"https:\/\/tbx.makes.org\/thimble\/maker-party-your-first-hack-pt-2=\" target=\"_blank\">Maker Party: Your first hack, part 2.<\/a><\/li>\n<li>Remix either tutorial in Thimble by pressing the green Remix button on the top right corner of your screen.<\/li>\n<li>Share your remixed tutorial on Twitter with the <a title=\"#makerparty on Twitter\" href=\"https:\/\/twitter.com\/search?src=typd&amp;q=makerparty\" target=\"_blank\">#makerparty <\/a>hashtag.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>One of the most exciting things we&#8217;re learning from this year&#8217;s Maker Party is people from around the world are genuinely hungry for skills to hack the web. That was our intention when we designed X-Ray Goggles, Thimble and Popcorn &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/tutorials\/\">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":[27948,19655],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/10022"}],"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=10022"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/10022\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/media?parent=10022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/categories?post=10022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/tags?post=10022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}