{"id":2662,"date":"2011-06-21T07:01:11","date_gmt":"2011-06-21T14:01:11","guid":{"rendered":"http:\/\/blog.mozilla.org\/addons\/?p=2662"},"modified":"2011-06-21T07:06:32","modified_gmt":"2011-06-21T14:06:32","slug":"add-on_sdk-builder-_beta","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/","title":{"rendered":"Add-on SDK and Add-on Builder Beta are here!"},"content":{"rendered":"<p style=\"text-align: left;\"><img decoding=\"async\" src=\"http:\/\/blog.mozilla.org\/addons\/files\/2011\/06\/add-on-blog-sdk-builder_640.png\" alt=\"Add-on SDK and Add-on Builder Beta are here!\" \/><\/p>\n<p>We&#8217;re very happy to announce two new Firefox add-on development tools from Mozilla: the <a href=\"https:\/\/addons.mozilla.org\/developers\/builder\">Add-on SDK and the beta release of Add-on Builder<\/a>.<\/p>\n<p id=\"magicdomid36\">Creating  add-ons for Firefox is now quick and easy. If you&#8217;re familiar with  JavaScript, HTML, and CSS, then you already have the necessary skills to  build add-ons using these tools. In addition, all  add-ons created with the Add-on Builder or Add-on SDK are restartless by  default, meaning users do not have to interupt their browsing to begin  using your add-on right away.<\/p>\n<p id=\"magicdomid38\">There are two ways for developers to create  their add-ons. The <a href=\"https:\/\/builder.addons.mozilla.org\/addon\/new\/\">Add-on Builder Beta<\/a> is a hosted, online build  environment, and provides a robust code editor with built-in revisioning, module selection, testing tools and build tools.  Alternatively, there is a <a href=\"https:\/\/addons.mozilla.org\/developers\/builder\">downloadable SDK<\/a> for those who are comfortable with a command line interface and prefer to use their own development environment. The video below gives an overview of both tools:<\/p>\n<p id=\"magicdomid40\">We&#8217;ve carefully selected a common set of Javascript APIs to help you perform the most common tasks in add-on development so that you can: build a user interface, interact with the browser, and access and manipulate  web  content. You also have the ability to share your work with other  developers &#8211; either selectively or through <a href=\"http:\/\/addons.mozilla.org\">addons.mozilla.org<\/a>.<\/p>\n<p id=\"magicdomid42\">We  continue to add new APIs to keep pace with new Firefox features,  as  well as making sure the existing APIs work with potentially   incompatible versions of the  browser. You&#8217;ll also have the pick of a  number 3rd party APIs developed by the Mozilla community. Two examples of  available add-ons built with these tools are <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/copy-shorturl\/\">CopyShortURL<\/a> and <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/grooveshark-remote-control\/\">Grooveshark Remote Control<\/a><\/p>\n<p>To get started, once you&#8217;ve watched overview video above, check out the tutorial video which covers the building of an add-on from beginning to end using the Add-on Builder on the new <a href=\"https:\/\/addons.mozilla.org\/developers\/builder\">Add-on Builder and Add-on SDK page<\/a>. Also, take a look at the extensive  documentation and APIs for use with your add-ons.<\/p>\n<p id=\"magicdomid46\">When you&#8217;re ready, log in to the Add-on Builder to build your add-on online, or download the Add-on SDK to work locally.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re very happy to announce two new Firefox add-on development tools from Mozilla: the Add-on SDK and the beta release of Add-on Builder. Creating add-ons for Firefox is now quick &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/\">Read more<\/a><\/p>\n","protected":false},"author":253,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[121],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add-on SDK and Add-on Builder Beta are here! - Mozilla Add-ons Community Blog<\/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\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dan Horner\" \/>\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\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/\",\"name\":\"Add-on SDK and Add-on Builder Beta are here! - Mozilla Add-ons Community Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/blog.mozilla.org\/addons\/files\/2011\/06\/add-on-blog-sdk-builder_640.png\",\"datePublished\":\"2011-06-21T14:01:11+00:00\",\"dateModified\":\"2011-06-21T14:06:32+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/c5d7eda59c9bb3ec1e91882b48e9b387\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#primaryimage\",\"url\":\"http:\/\/blog.mozilla.org\/addons\/files\/2011\/06\/add-on-blog-sdk-builder_640.png\",\"contentUrl\":\"http:\/\/blog.mozilla.org\/addons\/files\/2011\/06\/add-on-blog-sdk-builder_640.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/addons\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add-on SDK and Add-on Builder Beta are here!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/\",\"name\":\"Mozilla Add-ons Community Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/c5d7eda59c9bb3ec1e91882b48e9b387\",\"name\":\"Dan Horner\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/147c44c3bf391ab77f34496c09195d52?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/147c44c3bf391ab77f34496c09195d52?s=96&d=mm&r=g\",\"caption\":\"Dan Horner\"},\"description\":\"Dan Horner is the Product Marketing Manager for apps and add-ons @ Mozilla\",\"url\":\"https:\/\/blog.mozilla.org\/addons\/author\/dhornermozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add-on SDK and Add-on Builder Beta are here! - Mozilla Add-ons Community Blog","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\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/","twitter_misc":{"Written by":"Dan Horner","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/","url":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/","name":"Add-on SDK and Add-on Builder Beta are here! - Mozilla Add-ons Community Blog","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/addons\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#primaryimage"},"thumbnailUrl":"http:\/\/blog.mozilla.org\/addons\/files\/2011\/06\/add-on-blog-sdk-builder_640.png","datePublished":"2011-06-21T14:01:11+00:00","dateModified":"2011-06-21T14:06:32+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/c5d7eda59c9bb3ec1e91882b48e9b387"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#primaryimage","url":"http:\/\/blog.mozilla.org\/addons\/files\/2011\/06\/add-on-blog-sdk-builder_640.png","contentUrl":"http:\/\/blog.mozilla.org\/addons\/files\/2011\/06\/add-on-blog-sdk-builder_640.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/addons\/2011\/06\/21\/add-on_sdk-builder-_beta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/addons\/"},{"@type":"ListItem","position":2,"name":"Add-on SDK and Add-on Builder Beta are here!"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/addons\/#website","url":"https:\/\/blog.mozilla.org\/addons\/","name":"Mozilla Add-ons Community Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/addons\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/c5d7eda59c9bb3ec1e91882b48e9b387","name":"Dan Horner","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/addons\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/147c44c3bf391ab77f34496c09195d52?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/147c44c3bf391ab77f34496c09195d52?s=96&d=mm&r=g","caption":"Dan Horner"},"description":"Dan Horner is the Product Marketing Manager for apps and add-ons @ Mozilla","url":"https:\/\/blog.mozilla.org\/addons\/author\/dhornermozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/2662"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/users\/253"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/comments?post=2662"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/posts\/2662\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/media?parent=2662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/categories?post=2662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/addons\/wp-json\/wp\/v2\/tags?post=2662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}