1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
---
title: Gaia
slug: Archive/B2G_OS/Platform/Gaia
tags:
- B2G
- Gaia
- Mobile
- NeedsTranslation
- TopicStub
translation_of: Archive/B2G_OS/Platform/Gaia
---
<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/Firefox_OS/Platform/Gaia/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="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Platform/Gaia/Gaia_apps">Gaia apps</a></dt>
<dd>
Information on each of the default apps available in the Gaia family, including tips on how to use them, and how to modify them.</dd>
<dt>
<a href="/en-US/docs/Mozilla/Firefox_OS/Platform/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>
<dt>
<a href="/en-US/docs/Mozilla/Firefox_OS/Platform/Gaia/Build_System_Primer" title="/en-US/docs/Mozilla/Firefox_OS/Platform/Gaia/Build_System_Primer">Gaia Build System Primer</a></dt>
<dd>
Most of the meaningful work for the build steps are performed by the scripts that live inside the build/ subdirectory of Gaia.</dd>
<dt>
<a href="/en-US/docs/Mozilla/Firefox_OS/Platform/Gaia/Hacking_Tips_And_FAQ" title="/en-US/docs/Mozilla/Firefox_OS/Platform/Gaia/Hacking_Tips_And_FAQ">Gaia Hacking Tips And FAQ</a></dt>
<dd>
A list of helpful tips and frequently asked questions around hacking on Gaia.</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/Web" title="/en-US/docs/Web">Web Technology for developer</a>
<ul>
<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>
</li>
<li><a href="/en-US/docs/WebAPI" title="/en-US/docs/WebAPI">WebAPI</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> </p>
|
