你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在《Firefox OS App 系列短片領你入門》之後，這裡正式為大家帶來 Firefox OS App 系列影片之一：打造絕佳 HTML5 App 的要素 (中文字幕)。快來觀賞影片並讓自己儘快熟悉 Firefox OS，進而順利開發 App 吧！

不只是網站

Firefox OS App 就是 HTML5 App；其所使用的技術本質上也與網站技術相同。你可以先寫個網站，再提供 manifest 檔案 (可參閱《App manifest》進一步了解) 即可將網站轉為 App。這個動作就等於告知 Firefox OS 你在撰寫 App，並可讓你：

* 能把 App 發佈到 Marketplace 上
* 可存取裝置的硬體，蒐集如地理位置資訊 (Geolocation)與裝置方向 (Device Orientation)等資訊
* 還有更多功能！

HTML5 App 其實是透過網站強化其功能，也同樣遵循相同的規則，如：

*「Progressive enhancement」，亦即先撰寫可用的配置，再視情況套用適合的版面。
* 因應當前的執行裝置環境。如透過 media queries與responsive images而最佳化 App，已配合不同的螢幕尺寸、解析度、可用網路的速度等。
* 採用 HTML、CSS、JavaScript作為其核心技術。

若要將網頁轉為絕佳的 App，其中的差異就在於開發者就必須考量到行動裝置使用者。也代表 App 首先必須要能：
* 離線作業
* 在讓使用者進行某個作業之餘，也要提供可輕鬆使用的介面
* 妥善利用有限的電池容量、處理器的速度、可用的螢幕空間而能盡情把玩 App

在大多數的情況下，開發者必須稍微讓網頁「瘦身」並簡化介面。而使用者也確實能因此獲得更好的經驗。

若要進一步設計出絕佳的 HTML5 App，可參閱MDN 上的《應用程式中心》相關文章。

看完影片，你是否對 Firefox OS App 有更深入的了解呢？請別錯過即將陸續發佈且完成中文化的系列影片。

你也可以直接觀賞 MDN 上的原文系列影片《Screencast series: App Basics forFirefox OS》。

亦可欣賞中文版的《系列影片：Firefox OS App 基礎概念》。我們將隨時更新各影片所對應的文章內容。