{% extends 'developers/base_impala.html' %} {% block title %}{{ hub_page_title(_('Builder and SDK')) }}{% endblock %} {% block content %}

{# L10n: Section in strong tag is bigger and on it's own line #} {% trans %} Builder and SDK: Create Add-ons Quickly and Easily {% endtrans %}

{% trans %} Add-on Builder and the Add-on SDK provide powerful APIs and tools that allow developers to create add-ons for Firefox using HTML, CSS and JavaScript. When your add-on is complete, we make it easy to share it with over 400 million Firefox users world wide. {% endtrans %}

{{ _('Choose Your Build Environment') }}

{{ _('Add-on Builder') }}

{% trans %} The Add-on Builder is a web-based development environment that provides additional functionality for working with the Add-on SDK. {% endtrans %}

  • {{ _('Edit code in a feature-rich environment') }}
  • {{ _('Test your add-ons instantly') }}
  • {{ _('Use built-in version control & sharing') }}
{{ _('Try the Builder Now') }}

{{ _('Add-on SDK') }}

{% trans %} The Add-on SDK is set of APIs bundled with a command line utility that allows you to develop add-ons with your own tool chain. {% endtrans %}

  • {{ _('Choose your own code editor') }}
  • {{ _('Access your development files locally') }}
  • {{ _('Get greater control over SDK build steps') }}
{{ _('Download the Add-on SDK') }}

{{ _("There's Nothing to It") }}

{% trans %} If you know HTML, CSS and JavaScript, you can make add-ons. With Builder, you don't even need to set up a build environment. Just log in and go. {% endtrans %}

{{ _('Great Developer Features') }}

{% trans %} All add-ons built with either tool are restartless by default. You also get access to a library of easy-to-implement APIs built by the Mozilla community. {% endtrans %}

{{ _('Help is at Hand!') }}

{% trans url_docs="https://addons.mozilla.org/en-US/developers/docs/sdk/latest/" %} Need some support building your add-on? We have extensive documentation and a massive developer community to make sure you're never on your own. {% endtrans %}

{% endblock %} {% block js_extras %} {% endblock %}