附加元件現已登上 Firefox OS 2.5

用以客製\擴充產品經驗的附加元件 (Add-on),一直在 Firefox 桌面版瀏覽器上擁有高人氣與高使用率。而我們現在也將附加元件的概念導入行動作業系統了。在 Firefox OS 中,這些附加元件可套用到行動裝置的一或多個 App 之上 (甚至可用於系統 App),讓使用者與開發者針對自己的需要與風格設計出客製化經驗。 Firefox OS 附加元件就是壓縮檔案,內含 JavaScri.....深入閱讀

台北的 Firefox OS 附加元件黑客松

正值邁入秋季的九月份,有多位 Web 開發者與 UX 設計師齊聚台北,設法為 Firefox OS 打造新的內容 ── 附加元件 (Add-on)。當然,對 Firefox 桌面版的使用者來說,附加元件早就不是什麼新鮮的玩意,但從 FxOS 2.5 版開始,附加元件終於也一併登上行動裝置。 附加元件可讓 Firefox OS 使用者客製化自己的裝置,更貼近個人喜好的風格。這次的台北黑.....深入閱讀

HTML 5 遊戲開發:2D 方塊地圖

我最近加入 Mozilla 的「開發者關係 (Developer Relations)」團隊,現正協助撰寫有關 HTML 5 遊戲開發內容並將發佈於 MDN 之上。由於我本來就熱愛遊戲,這工作對我正是如魚得水。我轉用 HTML5 開發遊戲,就是為了讓自己的遊戲有機會觸及更多玩家。如果你覺得遭遇瓶頸,我想順便建議你也像我一樣試試。 我們現正撰寫有關 2D 橫向捲軸地圖的 MDN 文章。不論是經.....深入閱讀

Mozilla 與 GSMA 針對新興市場的行動商機研究

Mozilla 與 GSM 協會 (GSMA) 一同發佈新的研究報告,標題為《建立本地內容的方法:了解智慧型手機的商機 (Approaches to local content creation: realising the smartphone opportunity)》。我們的報告顯示,只要正確的工具搭配數位素養教育,就能協助行動優先 (Mobile-first) 的 Web 使用者動手寫出內.....深入閱讀

透過 WebBluetooth 就能用瀏覽器控制無人機

我們周遭有太多的裝置,且整體數字還在攀升。其中具備連線功能的裝置也越來越多,從登機箱到盆栽,甚至冰箱裡面的蛋盒都能連上你的手機!但這也造成新的問題:我們該如何找出四周的裝置,又該如何互動呢? 目前的裝置互動作業,都交由智慧手機所執行的不同 App 處理。但這仍無法解決「可發現性 (Discoverability)」的問題。在我決定要安裝 App 之前,必須先知道周遭到底有哪些裝置。但站在會議.....深入閱讀

開發 HTML5 遊戲 — 也別忘了發佈喔

Mozilla 在去年與 Humble Bundle 合作,為大家提供多款獨立開發遊戲,如《超越光速 (Faster Than Light,FTL)》以及《Voxatron》。當然還有其他遊戲透過「Humble Mozilla Bundle」的助力而進入 Web 平台。我們今年規劃要以 JavaScript 的開發活動來玩更大一點,像是可支援 SIMD 與 SharedArrayBuffer。不用.....深入閱讀

來充電吧:Battery Status API 的更新消息

Web API 可讓 Open Web App 透過 JavaScript 存取裝置硬體、資料、感測器,當然也為其他電視、行動裝置、路邊的互動式電子訊息站 (Kiosk)、物聯網 (Internet of Things,IoT) 等應用帶來更多可能性。 多種情況或使用條件都必須知道裝置目前的電池容量。以下舉出幾個例子: 公用程式類的 App 會蒐集電池用量的統計數據,或單純的通知使用.....深入閱讀

深入 ES6 系列:介紹

歡迎觀看此系列新文。我們將概略介紹 JavaScript 的新版本「ECMAScript 6 (亦稱為 ES6)」。ES6 內含許多新功能,將使 JS 更強大且表現不俗。但在開始說明細節之前,先來簡單談談 ES6 的特性。   ECMAScript 內含哪些東西? JavaScript 程式語言,即由 ECMA (類似 W3C 的標準制定機構) 以「ECMAScript.....深入閱讀

fxpay 讓 In-app payments 更簡單

針對許多 Firefox OS 或 Firefox 桌面版 Web App 的開發者,現可透過 Mozilla 的「fxpay」函式庫而輕鬆支援付款服務。Mozilla 的付款系統除了接受信用卡付款之外,另已能讓多國消費者透過自己名下的電話費帳單支付款項,更符合行動商務的趨勢。 首次釋出的 fxpay 函式庫已修正許多錯誤並納入新功能。而根據開發者的反饋意見,我們也決定打造可支援原生.....深入閱讀

SVG 圖像最佳化

SVG 就是 XML 基礎的向量圖像格式,除了本身即具備多個優點之外,最值得注意的就是其輕量化的特色。且既然 SVG 是文字格式,也就能透過簡單的文字編輯器檢視並修改,且套用 GZIP 壓縮就能獲得極佳的效果。 這個特色對網頁尤其重要。網頁內容必須儘量達到輕量化的要求,特別是行動裝置的頻寬甚為有限。你應該要最佳化自己的 SVG 檔案,以利 App 能儘快載入並顯示。 本文則會透過專屬工.....深入閱讀