mozilla

Revision 349703 of Gaia

  • Revision slug: Mozilla/Firefox_OS/Gaia
  • Revision title: Gaia
  • Revision id: 349703
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment

Revision Content

Gaia is the user interface level of Firefox OS. Everything that appears on the screen after Firefox OS starts up is drawn by Gaia, including the lock screen, home screen, dialer, and other applications. Gaia is written entirely in HTML, CSS, and JavaScript. Its only interface to the underlying operating system and hardware is through standard Web APIs, which are implemented by Gecko.

Because of this design, Gaia can not only be run on Firefox OS devices, but on other operating systems and in other web browsers (albeit with potentially degraded functionality depending on the capabilities of the browser).

Third party applications onto the device installed alongside Gaia can be launched by Gaia.

Documentation about Gaia

Introduction to Gaia
Gaia is the user interface application for Firefox OS devices; it's simply a Web application running atop the Firefox OS software stack. This guide introduces Gaia at a high level.
Gaia hacking guide
A guide to hacking and modifying the Gaia interface.

View All...

Getting help from the community

If you're working with Gaia, or developing Gaia applications, there are community resources to help you!

  • Consult the Boot to Gecko project forum: {{ DiscussionList("dev-gaia", "mozilla.dev.gaia") }}
  • Ask your question on Mozilla's Gaia IRC channel: #gaia

Don't forget about the netiquette...


Resources

 

Revision Source

<p>Gaia is the user interface level of <a href="/en-US/docs/Mozilla/Firefox_OS" title="Mozilla/Firefox_OS">Firefox OS</a>. Everything that appears on the screen after Firefox OS starts up is drawn by Gaia, including the lock screen, home screen, dialer, and other applications. Gaia is written entirely in <a href="/en-US/docs/en-US/HTML" title="HTML">HTML</a>, <a href="/en-US/docs/CSS" title="CSS">CSS</a>, and <a href="/en-US/docs/JavaScript" title="JavaScript">JavaScript</a>. Its only interface to the underlying operating system and hardware is through standard Web APIs, which are implemented by <a href="/en-US/docs/Gecko" title="Gecko">Gecko</a>.</p>
<p>Because of this design, Gaia can not only be run on Firefox OS devices, but on other operating systems and in other web browsers (albeit with potentially degraded functionality depending on the capabilities of the browser).</p>
<p>Third party applications onto the device installed alongside Gaia can be launched by Gaia.</p>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id="Documentation" name="Documentation">Documentation about Gaia</h2>
        <dl>
          <dt>
            <a href="/en-US/docs/Mozilla/Boot_to_Gecko/Introduction_to_Gaia" title="Mozilla/Boot_to_Gecko/Introduction to Gaia">Introduction to Gaia</a></dt>
          <dd>
            Gaia is the user interface application for Firefox OS devices; it's simply a Web application running atop the Firefox OS software stack. This guide introduces Gaia at a high level.</dd>
          <dt>
            <a href="/en-US/docs/Mozilla/Firefox_OS/Gaia/Hacking" title="Mozilla/Boot_to_Gecko/Gaia hacking guide">Gaia hacking guide</a></dt>
          <dd>
            A guide to hacking and modifying the Gaia interface.</dd>
        </dl>
        <p><span class="alllinks"><a href="/en-US/docs/tag/Gaia" title="tag/B2G">View All...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id="Community" name="Community">Getting help from the community</h2>
        <p>If you're working with Gaia, or developing Gaia applications, there are community resources to help you!</p>
        <ul>
          <li>Consult the Boot to Gecko project forum: {{ DiscussionList("dev-gaia", "mozilla.dev.gaia") }}</li>
        </ul>
        <ul>
          <li>Ask your question on Mozilla's Gaia IRC channel: <a href="irc://irc.mozilla.org/gaia" title="irc://irc.mozilla.org/gaia">#gaia</a></li>
        </ul>
        <p><span class="alllinks"><a class="external" href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html">Don't forget about the <em>netiquette</em>...</a></span></p>
        <br />
        <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Related topics</h2>
        <ul>
          <li><a href="/en-US/docs/Mobile" title="Mobile">Mobile</a></li>
          <li><a href="/en-US/docs/HTML" title="HTML">HTML</a></li>
          <li><a href="/en-US/docs/CSS" title="CSS">CSS</a></li>
          <li><a href="/en-US/docs/JavaScript" title="JavaScript">JavaScript</a></li>
        </ul>
        <h2 class="Tools" id="Resources" name="Resources">Resources</h2>
        <ul>
          <li><a href="/en-US/docs/Mozilla/Firefox_OS/Architecture" title="Mozilla/Firefox_OS/Architecture">Firefox OS architecture overview</a></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision