淺談新開發工具 WebIDE (上)

你是熱血的 App 開發者,而且早已累積許多 App 準備大展身手嗎?Mozilla 繼「應用程式管理員 (App Manager)」之後,再度提供新的 App 開發工具 ─ WebIDE,要讓開發者能更順利提供自己的作品。 從 Firefox 34 開始均可使用「WebIDE」。亦可於 Firefox 33 中變更偏好設定,以啟動 WebIDE。鍵入 about:config 並找到「de.....深入閱讀

「PhoneGap Developer」支援 Firefox OS 搶先看

Mozilla 跨平台團隊一直想透過 Open Web 標準來提升 App 的開發流程。而我們認為 Cordova 與 PhoneGap 就是目前達到此目標的絕佳工具。現在很高興能為 Firefox OS 帶來「PhoneGap Developer」App,藉以強化 PhoneGap 的支援功能。 「PhoneGap Developer」可於多款平台上輕鬆執行 PhoneGap 的 .....深入閱讀

啟用 Open Web App 意見回饋管道

協助 Mozilla 打造更好的 Web! 我們已於數個月前啟用了 Firefox 開發者工具意見回饋管道,同時獲得不錯的成效。現在很高興將接著啟用 Open Web App 意見回饋管道。 針對開發者工具,我們持續透過 http://mzl.la/devtools 獲得絕妙的建議,而且 Firefox 32 與 33 所搭載的部分功能,就是以該頁面上所獲得的意見打造而成。在我們啟用意見回.....深入閱讀

建構互動的 HTML5 影片

HTML5 的 <video> 元素可在網頁中嵌入影片,就像嵌入圖片一樣簡單。各款主要瀏覽器均自 2011 年起支援 <video>,幾乎已經是最佳的動畫呈現方式。 而最近加入 HTML5 家族的 <track> 元素,其實就是 <video> 的子元素,可提供更好用的影片時間列,主要用以添增字幕 (Closed caption,CC).....深入閱讀

瀏覽器中的程式設計遊戲

程式設計遊戲屬於電腦遊戲,就是讓多個程式互相競爭。這種遊戲有哪些基本需求?又要如何在瀏覽器中執行呢?用 JavaScript 嗎? 四項基本要件 要讓程式互相競爭有四項基本要件: 必須獨立於主程式之外執行。 必須先定義與主程式溝通的方式。 必須平行執行。主程式與各小程式均互相平行執行。 必須能輕鬆植入至遊戲環境。 傳統的 JavaScript 雖然好用,但因為本來就是.....深入閱讀

為 Firefox OS 打造 Firefox 瀏覽器 (下)

在看完了《為 Firefox OS 打造 Firefox 瀏覽器 (上)》和《(中)》之後,請跟著我們看完整個故事,也進一步了解 Firefox OS 的設計概念與未來走向。 1.x 版本 緊接著 Firefox OS 1.1 之後,我們也立刻著手 1.2 版專案並迅速成長。針對產品方面 (瀏覽器 App 就是其中之一),我們重新組成自主的開發團隊。也就是說,我們現在有專屬團隊囊括設計師、工程.....深入閱讀

為 Firefox OS 打造 Firefox 瀏覽器 (中)

在看完了《為 Firefox OS 打造 Firefox 瀏覽器 (上)》之後,你應該已經知道 Firefox OS 發想背景的小故事了。緊接著快來看看開發期間的其他小故事與相關技術方面的考量。 捲動、平移、縮放 在桌機和行動裝置上滾動網頁的運作方式略有不同。相較於桌機的捲動列或滑鼠滾輪,行動裝置必須使用觸控輸入功能,以及所謂的「非同步平移與縮放 (Asynchronous Pan and Z.....深入閱讀

為 Firefox OS 打造 Firefox 瀏覽器 (上)

在你聽著 Mozilla 眉飛色舞的提及「Firefox OS」這麼久,你是否知道當初建構 Firefox OS 的概念與過程呢?我們透過 Ben Francis 輕鬆說故事的口吻,讓大家能初步了解期間發生的許多小插曲。全篇將大略分成建構前的發想、開發過程,以及未來版本的走向。快來看看 Firefox OS 背後曾經的「愛恨情仇」吧! 在 2011 年 7 月宣佈啟動 Boot to Gec.....深入閱讀

將自己的 Facebook 頁面轉為 Firefox OS 行動 App

不論你負責經營的是公司或社群頁面,還有什麼能比獨立的行動 App 更能提高網頁的觸及度呢? 只要你具備最基本的程式開發知識,再完成 Apptuter 這個開放源碼框架的必要步驟,就能開發出自己的獨立行動 App。此框架目前支援 Facebook 頁面作為其內容來源,並可用以開發 Firefox OS 與 Android 平台的 App。 運作方式 先來看看 Apptuter 的運作方式。.....深入閱讀

Firefox Marketplace:manifest 檔案常見問題

你是熱血的開發者,早已經準備了許多 Web App 要大展身手嗎?那你一定知道 Firefox OS 所適用的 Web App 必須搭配 manifest 檔案。我們蒐集了一些有關 manifest 檔案的常見問題,希望能對大家有所幫助。 注意:你會在「應用程式管理員 (Application Manager)」看到「manifest」中文翻譯為「安裝資訊檔」。 注意:本文中所提的「來源」.....深入閱讀