「debugger.html」為 Mozilla 所提供的 JavaScript 新除錯器，並透過 React 與 Redux 將之建構為 Web App 的形式。此一專案已從今年稍早開跑，期能取代 Firefox 開發者工具中現有的除錯器。我們更希望讓除錯器能以單一獨立的形式，對多個目標進行除錯。...

我們潛身於 Mozilla 的「平台 (Platform)」部門之內打造原型，才有目前為實驗性質的「FlyWeb」專案。FlyWeb 本是從去年晚期才開始的附屬專案，當初僅由一個臨時的小團隊負責產出「版本 0」的概念，接著就是花上 6 個月的時間實作，現在總算到了可以向大家談一下成果的時候。特別是 ...

當我 (作者 Mark Surman，下同) 到 Mozilla 上班的第一天時，最先吸引我的就是『宣言』中的這句話： “The Internet is a global public resource that must remain open and accessible to all.” 「網...

此專案屬於波特蘭州立大學 (Portland State University) 為大四生所設計的總整課程之一，共由 7 名學生完成為期六個月的課程。專案期間是由 Mozilla 的 Dietrich Ayala 從旁輔導，為我們留意專案的基本需求。團隊內的 7 名學生為： Abrahams, Ka...

AFrame 可輕鬆針對 Web 打造虛擬實境 (Virtual Reality，VR) 內容，提供了： 以宣告式 (Declarative) 的 HTML 打造 3D 場景。 因應情境變化的 WebVR 場景可跨多元平台即時運作。 「Entity Component System (ECS)」 形...

你是否想開發遊戲呢？以下蒐集了一系列介紹影片，讓你能著手開發 HTML 5 遊戲！ 圖片來源：http://www.drimlike.com/ 圖片來源：http://www.drimlike.com/ 使用 HTML 5 的理由 第一支影片解釋「針對 Web 開發遊戲」的幾個理由：作品能突破平台限...

Mozilla 所率先開發的創新技術，已促使 Web 搖身成為重要的遊戲發佈與開發平台。而 Mozilla 更於目前正在舊金山進行的遊戲開發者大會 (Game Developer Conference；GDC) 上實際向大家展示 Web 作為遊戲平台的能力。強大的新功能除了將吸引更多玩家，對開發者造...

國際特赦組織 (Amnesty International) 的新「360Syria」虛擬導覽網站今天上線，呈現敘利亞政府對阿勒坡 (Aleppo) 城失陷之後進行精確轟炸所造成的斷垣殘壁。此網站 (www.360Syria.com) 即透過 Mozilla 的「AFrame」技術，向外界展示了「從...

Mozilla 很高興能加入 Caribou Digital 所進行的研究。「Caribou Digital」是位於英國的智庫機構，專於新興市場中建構穩定的數位經濟。該機構日前發佈一份研究報告，探討「全球 App 經濟」與「App 商城中的國際貿易流量」之影響。你可在此詳閱全文。 Appeconom...

你是否曾想讓某個網站能在發生重要事件時通知你？即使你並未開啟該網站也一樣能收到通知？可能有人用 WebRTC 打電話給你、或是收到即時簡訊，又或是一則重大金融消息。也許你所居住的城市剛發出緊急街道除雪或清掃通知。 反正有時候你就是會想知道某些事情發生的時間。 這就是 Firefox 44 現在提供的...

隨著 Firefox OS 著眼於連網裝置的趨勢，現正是針對大型螢幕開發遊戲的時候。松下電器 (Panasonic) 現已發售多款 Firefox OS 智慧電視，而相較於一般人所習慣的智慧型手機畫面，我將透過本文簡單介紹該如何對應大型電視螢幕開發 HTML5 遊戲。 在〈為 Firefox OS ...

隨著 Firefox OS 著眼於連網裝置的趨勢，現正是針對大型螢幕開發遊戲的時候。松下電器 (Panasonic) 現已發售多款 Firefox OS 智慧電視，而相較於一般人所習慣的智慧型手機畫面，我們將透過本文簡單介紹該如何對應大型電視螢幕開發 HTML5 遊戲。 羅傑斯隊長再臨 我 (作者 ...

遊戲開發活動「Game Jams」即聚集了多位遊戲開發者，期能在極短時間內一同開發遊戲。我極愛參加此類活動。就我之前參加 Game Jam 所開發的〈Metal vs Hipsters〉遊戲來看，移植到行動 Web 與 Firefox OS 上實在是很酷。 移植到行動裝置 我剛開始是針對桌機打造 H...

在我看過〈Let’s Write a Web Extension〉一文之後，我就想要實際將附加元件移植到 WebExtension。而我又特別想把高人氣且開放源碼的 Chrome 版本「Reddit Enhancement Suite (RES)」移植成 Firefox 版本。以下就是我的一點心得，...

Web Components 一詞涵蓋了 4 種技術，是為了要達到更簡單、更模組化的 UI 開發作業。Web Components 早從 2011 年起開始開發流程；但這對網路標準來說已經算是頗長的一段時間！ 隨著有越來越多供應商開始實作，也有更多開發者親身參與的使用經驗，造成所有規格均不斷的在變化...

Mozilla 以推動 Web 的開放、創新、機會為己身使命，因此不僅打造如 Firefox 的產品，也努力開發可強化 Web 生態系統的技術。我們希望 Web 能完整發揮潛能，並隨著使用者與開發者的互助經驗一同茁壯。因此包含 Service Workers 與其他技術的實驗，都是要啟發如 Prog...

我們周遭有太多的裝置，且整體數字還在攀升。其中具備連線功能的裝置也越來越多，從登機箱到盆栽，甚至冰箱裡面的蛋盒都能連上你的手機！但這也造成新的問題：我們該如何找出四周的裝置，又該如何互動呢？ 目前的裝置互動作業，都交由智慧手機所執行的不同 App 處理。但這仍無法解決「可發現性 (Discovera...

Mozilla 在去年與 Humble Bundle 合作，為大家提供多款獨立開發遊戲，如《超越光速 (Faster Than Light，FTL)》以及《Voxatron》。當然還有其他遊戲透過「Humble Mozilla Bundle」的助力而進入 Web 平台。我們今年規劃要以 JavaSc...

Web API 可讓 Open Web App 透過 JavaScript 存取裝置硬體、資料、感測器，當然也為其他電視、行動裝置、路邊的互動式電子訊息站 (Kiosk)、物聯網 (Internet of Things，IoT) 等應用帶來更多可能性。 多種情況或使用條件都必須知道裝置目前的電池容量...

歡迎觀看此系列新文。我們將概略介紹 JavaScript 的新版本「ECMAScript 6 (亦稱為 ES6)」。ES6 內含許多新功能，將使 JS 更強大且表現不俗。但在開始說明細節之前，先來簡單談談 ES6 的特性。 es6hiwaysign 圖片出處：https://carlosazaust...

針對許多 Firefox OS 或 Firefox 桌面版 Web App 的開發者，現可透過 Mozilla 的「fxpay」函式庫而輕鬆支援付款服務。Mozilla 的付款系統除了接受信用卡付款之外，另已能讓多國消費者透過自己名下的電話費帳單支付款項，更符合行動商務的趨勢。 apps 首次釋出的...

SVG 就是 XML 基礎的向量圖像格式，除了本身即具備多個優點之外，最值得注意的就是其輕量化的特色。且既然 SVG 是文字格式，也就能透過簡單的文字編輯器檢視並修改，且套用 GZIP 壓縮就能獲得極佳的效果。 這個特色對網頁尤其重要。網頁內容必須儘量達到輕量化的要求，特別是行動裝置的頻寬甚為有限。...

asm.js 是可輕鬆最佳化的 JavaScript 子集，且不需外掛程式就能在所有瀏覽器中執行，也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎，即透過 asm.js 進行移植。再一起來看看還有哪兩家瀏覽器也愈發重視 asm.js 的效能。 ...

如果你才剛看到這篇文章，想進一步了解《MDN 研究方案》的來龍去脈，可先參閱此篇召集令。當然，Mozilla 隨時歡迎你加入我們的任何專案。但請注意，「MDN 研究方案」有報名期限的喔！ 我是 Chris Mills。和大家聊聊今年由我負責輔導 MDN 研究方案的課程開發部分。 fellowship...

asm.js 是可輕鬆最佳化的 JavaScript 子集，且不需外掛程式就能在所有瀏覽器中執行，也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎，即透過 asm.js 進行移植。 DT2 想當然耳，如果遊戲開發者要使用 asm.js 移植遊戲...

在透過《「絲綢」專案 (上)》初步了解 VSync 的概念，以及 FPS 與遊戲效能之間的關係之後，緊接著來看看繪圖流程，設法讓自己的 App 畫面更流暢吧！ 繪圖流程 Gecko 的繪圖流程可簡單解釋為下列三步驟： 在主執行緒上繪製新的幀像 透過 LayerTransaction IPC 將更新過...

在 Mozilla 與全球最大遊戲引擎開發商的長期合作之下，2015 年的遊戲開發者大會 (Game Developer Conference，GDC) 可說是重要里程碑。我們所設定的「不需外掛程式即讓 Web 執行高效能遊戲」目標，現在真正實現了。Unity Technologies 現為「Uni...

從我們著手要將高效能遊戲帶上 Web 開始，最常聽見的需求之一，就是要能利用桌機 GPU 所提供的最新 3D 繪圖功能，這當然也包含最新一代行動裝置的 GPU。「WebGL」則是 Web 的 3D 圖形標準，並與行動的 3D 圖形標準「OpenGL ES」息息相關。而 WebGL 1.0 即以 Op...

在相關 Web 文件上常見的問題之一，就是要讓同一地方顯示不同尺寸的圖片 (或影片)。或許你正在撰寫動態圖庫 App，以接收使用者所提交的檔案。但你無法要求所有人上傳的圖片都是一樣的解析度或長寬比。這時候該怎麼辦呢？ galleryfulldisplay 雖然可以不管圖片長寬比例，逕自讓圖片填滿「置...

在巴塞隆納的世界行動通訊大會 (MWC) 上，Mozilla 發表「Webmaker」App 測試版本。此免費且獨立的 Web 發佈工具，將是 Mozilla 提升全球數位素養的重要一步。 webmakerapp Webmaker App 是根據孟加拉 (Bangladesh)、印度 (India)...

在「Unity 5」現身之後，Mozilla 距離「讓 Web 提供無須外掛程式的高品質遊戲」的目標又再更近一步。身為全球最受歡迎的遊戲開發工具，新版本「Unity 5」現可預覽其 WebGL 匯出功能。使用 Unity 5 的遊戲開發者只要輕點一下滑鼠，就能利用 WebGL 與 asm.js 而將...

Mozilla 員工在去年底群聚一堂，在一週的時間內共同擬定來年計畫。另有某一團隊也在這一週內成形，並預見到 Firefox OS 未來必會將 Web 的重心擺在點對點 (P2P) 作業之上。確切一點來說，我們正努力駕馭如NFC、WiFi Direct、藍牙等的相關技術，期能達到離線的 P2P 連線...

高人氣遊戲《戰爭機器 (Gears of War)》製作公司「Epic Games」在發表 Unreal Engine 4.7 的同時，一併加入了 HTML5 匯出功能並成為該引擎 Windows 版本的標準功能。屬於全球最進階遊戲引擎之一的 Unreal Engine，也透過此功能在瀏覽器上達到更...

2014 年 8 月，我們在 UserVoice 上新啟用了 Web App 意見反饋頻道，且誘發了許多不錯的討論主題，以下列出其中幾個要點： 本討論顯現初期FileSystem API 的重要性。 對背景服務的建議則強化如BackgroundSync API 提案的需要。此概念則針對 Firefo...

在看過了《簡介 nodefirefox (上)》之後，你應該已經對 nodefirefox 有初步的認識了吧？緊接著來看看範例程式碼吧！ 別說了，先來看吧 先來看看如何撰寫可啟動模擬器的指令碼吧！ 首先用 npm 在自己的專案中安裝此模組： npm install save nodefirefoxs...

你已經是 App 開發的老鳥，手邊早累積了一堆自己愛用且慣用的 App 開發工具嗎？在轉而開發 Open Web App 時，是否覺得有點難度或障礙呢？快來看看新的「nodefirefox」能如何協助你！ 我們在剛結束的「自由與開放源碼軟體開發者歐洲會議 (Free and Open Source ...

Firefox Marketplace 已於去年從Persona 轉往使用Firefox Accounts。促成這項安排的理由很多，但最主要的原因應該就是 Firefox OS 當時也正轉往 Firefox Accounts。只要你在 Firefox OS 手機上登入過一次，以後也就會自動登入 Ma...

Mozilla 預見 Web 未來將不須網際網路，亦可讓所有人透過多樣裝置直接聯繫。現已有許多不同技術可用於建構點對點 (Peertopeer，P2P) 連線。本系列文章將向大家介紹相關技術。先來看看「WiFi Direct」。 「WiFi Direct」是作什麼用的？ WiFi Direct 是由...

如果你是遊戲開發者，也看過《Firefox OS 適用的 WebGL 與 CreateJS》一文，那你一定還對所提過 Canvas 設計出來的跳跳兔有印象吧？快來看看 Canvas 2D 現在又有哪些新東西了呢？ bunny 在 Adobe Web 平台團隊的協助之下，Firefox 及其他新款瀏覽...

你是熱血的 App 開發者，而且早已累積許多 App 準備大展身手嗎？在將自己的 App 提交到 Firefox Marketplace 時，當然該確認是否已經滿足了相關條件。本文則提供檢查項目與相關資訊的連結。 marketplacesubmit 提交作業檢查清單 要完成 Firefox Mark...

你是資深的 App 開發者，手上已有一堆酷炫遊戲等著要接觸更多消費者嗎？在看完《運用 Emscripten 移植遊戲 (上)》與《(中)》之後，當然應該把全文看完，讓自己更了解 Emscripten 這個強大的移植工具！如果你剛加入這系列文章，也歡迎透過上方兩篇文章的連結，閱讀完整的遊戲移植撇步喔！...

你是資深的 App 開發者，手上已有一堆酷炫遊戲了嗎？如果想透過 Firefox Martetplace 接觸更多消費者，或是早就聽過「Emscripten」的遊戲移植大法卻不太了解其中細節，就千萬別錯過共分成三集的 Emscripten 移植說明文章！ 開放源碼的 Emscripten 編譯器，可...

「Mozilla Stumbler」是群眾外包 (Crowdsourcing) 的開放源碼無線網路掃瞄器，可協助同樣是群眾外包的定位資料庫「Mozilla Location Service (MLS)」蒐集 GPS 資料。我們剛於 Google Play 商店釋出 1.0 版本，可讓使用者輕鬆安裝 ...

本文作者 Johannes Lang，是在奧地利首都維也納工作的圖形設計師，也在維也納的應用藝術大學兼課傳授排版、字型等課。 colorwebfonts 簡介 才不久前，若想要在一組向量字型內放入一種以上的顏色，技術上來說根本不可能。一個多色字母往往需組合多種顏色的部分，而之前就必須搭配多項技術才能...

HTML5 在今天列入了 W3C 的「建議 (Recommendation)」公告；也就是成為 W3C 標準前的最後一個階段。Mozilla 身為創新開發 HTML5 的諸多組織之一，深入耕耘 HTML5 的標準化已久。而 W3C 在今天所宣佈的內容，正好呼應了 Mozilla 最近十年所念茲在茲的...

Firefox 使用者直接體驗 8 款高人氣獨立製作遊戲 Mozilla 今日宣佈與創新的遊戲發售平台「Humble Bundle」合作，讓 Firefox 使用者能夠直接體驗 8 款高人氣的獨立製作遊戲，其中更包含獲獎的《超越光速 (Faster than Light，FTL)》。此促銷專案僅限期...

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

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

程式設計遊戲屬於電腦遊戲，就是讓多個程式互相競爭。這種遊戲有哪些基本需求？又要如何在瀏覽器中執行呢？用 JavaScript 嗎？ 四項基本要件 要讓程式互相競爭有四項基本要件： 必須獨立於主程式之外執行。 必須先定義與主程式溝通的方式。 必須平行執行。主程式與各小程式均互相平行執行。 必須能輕鬆植...

在看完了《為 Firefox OS 打造 Firefox 瀏覽器 (上)》和《(中)》之後，請跟著我們看完整個故事，也進一步了解 Firefox OS 的設計概念與未來走向。 1.x 版本 緊接著 Firefox OS 1.1 之後，我們也立刻著手 1.2 版專案並迅速成長。針對產品方面 (瀏覽器 ...

在看完了《為 Firefox OS 打造 Firefox 瀏覽器 (上)》之後，你應該已經知道 Firefox OS 發想背景的小故事了。緊接著快來看看開發期間的其他小故事與相關技術方面的考量。 捲動、平移、縮放 在桌機和行動裝置上滾動網頁的運作方式略有不同。相較於桌機的捲動列或滑鼠滾輪，行動裝置必...

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

你是熱血的開發者，早已經準備了許多 Web App 要大展身手嗎？那你一定知道 Firefox OS 所適用的 Web App 必須搭配 manifest 檔案。我們蒐集了一些有關 manifest 檔案的常見問題，希望能對大家有所幫助。 注意：你會在「應用程式管理員 (Application Ma...

在看完《HTML5 遊戲開發資源 (上)》所介紹 HTML5 遊戲開發可用的圖像與音訊工具之後，快來看看 Firefox 所提供的其他開發者工具吧！ 網路監測器 (Network Monitor) 在開發 HTML5 遊戲時，網路速度往往影響甚鉅；若要針對行動裝置開發，其對開發成本的影響更是明顯。網...

已釋出的 Firefox 31 具備多項新功能，可協助 HTML5 遊戲開發者進行編碼與除錯。此外，Mozilla率先開發之 asm.js 技術，亦首次應用於 Web 商業遊戲 ─《地城守護者 (Dungeon Defenders)》與《雲端入侵者(Cloud Raiders)》。此兩款遊戲都是透過...

新版 Firefox 提供「Prefer:Safe」智慧功能 簡化並加強線上的信任與安全模式 Mozilla 不斷透過新的技術與開發工具，讓遊戲開發者能將現有的高人氣作品移植到 Web 之上，在在證明 Web 就是強大的遊戲平台。率先使用 Mozilla 創新 Web 技術的廠商之一－ Trendy...

當個 Web 開發者真是有趣！ App 已佔據網路多年，而我們發現目前 Web 也逐漸蠶食著作業系統 (OS)。Mozilla 正推動大家撰寫標準架構下的 Open Web App。不論是哪種平台，Open Web App 均可如原生 App 一樣安裝且運作無虞。 fxospackagedapp 而...

Mozilla 相信「App」與「網頁瀏覽」彼此應該共生且相輔相成。我們正透過許多開發者已熟悉的 Web 技術而建構 App 生態系統，藉以強化此兩者之間的關係。 Mozilla 將 Firefox OS 定位為行動作業系統，並讓 Web 與 Open Web App 成為行動經驗的核心。我們努力拉...

在看完了《PlayCanvas 也加入開放源碼 (上)》並知道「PlayCanvas」有關的兩大重量級遊戲巨作之後，你是不是已經摩拳擦掌，想用 PlayCanvas 大展身手了呢？當然要先看完《下》篇文章，並體驗其他現成的遊戲 Demo！ 強化絕妙專案 PlayCanvas 引擎現在已進入某些絕佳專...

你是遊戲開發者，心中早有一堆酷炫的遊戲點子等著發揮嗎？是不是遇上開發瓶頸，受限於自己使用的遊戲引擎呢？快來看看「PlayCanvas」這個已經開放源碼的強大引擎！而且看完你會發現原來 PlayCanvas 竟然跟全球玩家所熟知的兩大重量級遊戲有關呢！想知道是哪兩款遊戲就趕快看下去吧！ 在 2011 ...

你是熱血的開發者嗎？在看完《把開放源碼當做自己創業 (上)》之後，你對開放源碼的想法是否改變，覺得自己也應該要看重作品的「行銷」活動了呢？快來繼續了解作者是如何推廣自己的作品吧！ 開放源碼正不斷成長 如果你仔細了解目前開放源碼的狀況，會發現盤踞在 GitHub 前幾名的常客，都是已經有固定信眾的開發...

你是熱血的開發者嗎？應該已經在 GitHub 上為不少專案做出貢獻了吧？你是否曾自己寫過開放源碼專案，除了自己拿來用之外，也想讓自己的心血能幫到更多人呢？你之前可能只把自己侷限在「我只要會寫程式就好」的框框，但現在應該要學著更積極推銷自己的東西，讓更多人看到你的作品才對。來看看這篇文章想傳達給大家的...

我們在幾天前已經正式介紹「Flame」，也是由 T2Mobile 專為開發者、評論家、測試人員所製造的 Firefox OS 參考平台手機 (Reference device)，現已於 everbuying.com 預購頁面上正式販售。零售價 $170 美元並含全球運費。 強力募集 Firefox ...

你想開發遊戲類的 Web App 嗎？在看完了《用 TogetherJS 與 CreateJS 開發多人遊戲 (上)》與《(中)》之後，你當然應該看完《(下)》以獲得最完整的概念。 接著稍微說明透過《Zoë》工具，直接輸出為 Sprite 或 JSON 檔案的方法。 marisa 上圖 sprite...

你熟悉 TogetherJS 與 CreateJS，也想開發遊戲類的 Web App 嗎？在看完了《用 TogetherJS 與 CreateJS 開發多人遊戲 (上)》之後，當然要繼續看完《中》篇深入了解。 Flash 的動畫效果 如同目前大多數的遊戲，我也想多用點動畫效果。我自己很熟悉 Flas...

《Bubble Hell Duel》是支援多人對戰的 HTML5 遊戲。重點就是要躲避對手發出來的泡泡並設法反擊。此遊戲主要可讓大家學習如何寫出遊戲原型，並已經可到 GitHub 上找到原始碼。你現在就能在這裡試玩單人或多人模式。目前尚未加入任何音效，但確實使用了 CreateJS 與 Togeth...

在看完了《HTML 在瀏覽器之外的延伸應用 (上)》說明有關行動裝置上的 HTML 延伸應用之後，你是否對 HTML 有更深一層的認識了呢？可別錯過 HTML 在桌機上的延伸應用，還有原生 App 擴充套件！ 桌機 當然，每天還是有人在使用個人電腦或筆記型電腦工作。雖然許多電腦版應用程式已由網頁所取...

我的朋友幾乎都知道我是《星際大戰 (Star Wars)》的重度阿宅粉絲。我長期使用的網路代號是「cfjedimaster」；也就是「cf」與「絕地大師 (Jedi master)」的組合。是的，我熱愛的另一樣東西就是「ColdFusion」。我工作的房間堆滿了星際大戰玩具，還在身上弄了兩個有關星際...

這篇文章將說明筆記 App (就像 Evernote) 從無到有的開發過程，並佈署到 Firefox OS！請先觀看即時展示。 筆記 App 應可讓使用者儲存個人擁有的筆記 (不能任由他人閱讀)。我自己是愛用《Sproute》後端解決方案。Sproute 屬於架設/托管式 (Hosted) 的 We...

大家好，我是 Thorben。目前是挪威首都奧斯陸 (Oslo) 的「Opera Software」員工。我不在 Mozilla 上班，又為何今天在 Mozilla Hacks 上撰文呢？你可能知道《Opera》瀏覽器並沒有預設的 PDF 檢視器，而我們也想改變這一點。所以幫 Opera 加個預設的...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 《Firefox OS App 開發入門 (2)：Manifest 檔案》 《Firefox OS App 開發入門 (3)：在...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 《Firefox OS App 開發入門 (2)：Manifest 檔案》 《Firefox OS App 開發入門 (3)：在...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 《Firefox OS App 開發入門 (2)：Manifest 檔案》 《Firefox OS App 開發入門 (3)：在...

Web 最近幾年的發展變化劇烈。行動 Web 與新規格的智慧型手機崛起，也讓桌機規格之外的多樣 Web 解決方案應運而生。 web app tools 現在早已有許多框架與工具可用，而且幾乎每個禮拜都有新工具誕生。因此 Web 開發者反而又要面對不同的問題：開發過程中的各個要點都有多樣工具可供選擇，...

Rormix 平台可發掘目前正夯的音樂影片。這些影片都已依照各音樂類型或類似風格的暢銷歌手而分類，讓消費者能更輕鬆發現新的音樂影片。 而「Rormix」應用程式即以 PhoneGap 所開發，目前已提供 iOS 與 Android 版本。從寫下第一行程式碼直到讓 App 在商城上架，整個開發過程大概...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 《Firefox OS App 開發入門 (2)：Manifest 檔案》 《Firefox OS App 開發入門 (3)：在...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 《Firefox OS App 開發入門 (2)：Manifest 檔案》 《Firefox OS App 開發入門 (3)：在...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 《Firefox OS App 開發入門 (2)：Manifest 檔案》 《Firefox OS App 開發入門 (3)：在...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 《Firefox OS App 開發入門 (2)：Manifest 檔案》 之後，就該測試自己的 App 作品在 Firefox...

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》 之後，緊接著要讓大家了解 Firefox OS App 的 manifest 檔案 (中文字幕)。快來觀賞影片並讓自己儘快熟悉 Fi...

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

我們接下來將透過一系列短片，為開發者說明該如何著手設計自己的第一個 Open Web App，並針對 Firefox OS 進行開發。 introandhello 每部短片均極為精簡扼要，讓你在短暫的休息時間也能觀賞，一口氣看完整個系列也不會超過一個小時。此系列短片是由 Telenor Digita...

Flambe 即以 Haxe 程式語言為基礎所開發的跨平台開放源碼遊戲引擎。相關遊戲均編譯為 HTML5 或 Flash，並可針對桌面版或行動版瀏覽器進行最佳化。HTML5 Renderer 雖預設使用 WebGL，但在較初階的手機上仍可改用 Canvas 標籤並正常作業。Flash Renderi...

強大的 3D 遊戲開發引擎現可支援 WebGL Mozilla 與 Unity 於今年遊戲開發者大會 (Game Developers Conference，GDC) 中發表新的佈署工具。歸功於 Mozilla 率先開發的技術 (如 WebGL ─ Web 繪圖函式庫；以及 asm.js ─ Jav...

Mozilla 與合作夥伴再次證明 Web 作為遊戲平台的威力 在去年遊戲開發者大會 (Game Developers Conference，GDC) 中，Mozilla 開發了JavaScript 的高度最佳化版本 ─ asm.js，讓開發者能將 C/C++ 遊戲移植進 Web 並接近原生 App...

於 Firefox 上的執行效能更接近原生 App mozilla&epic 《戰爭機器 (Gears of War)》遊戲製作公司 Epic Games 在今天初步展示了《Soul》與《Swing Ninja》，並在 Firefox 中達到更接近原生 App 的速度；在在證明 Web 絕對可成為強...

莫約二週前，Peter Smart 與 Robin Hawkes 釋出了開放源碼的 ViziCities 第一版，並透過 MIT 授權條款提供給大家免費使用。 我將透過這篇文章跟大家說說 ViziCities 的開發心得。從整個 App 架構直到詳細的 WebGL 繪圖功能強化，我們在過去這一年來學...

你是熱血的 Firefox OS 開發者，而且早已設計了許多 App 準備大展身手嗎？開發者除了能在 Firefox Marketplace 上推銷自己的 App 之外，其實也能自己設立 App 商店。如果你想在自己的市集上推銷自己的 App，可先來看看這一篇概略說明，並讓自己的開發作業更順利。 m...

背景概述 2013 年，Mozilla 與合作夥伴已於 14 個市場中發表了 Firefox OS，其中包含三款 Firefox OS 智慧型手機，還有 Geeksphone 提供的一款開發者預覽手機。相關開發團隊也於全球舉辦了八場僅受邀者參加的 App 開發者工作坊：位於美國山景城 (Mounta...

你已經動手開發 App 了嗎？曾覺得自己早已熟悉某個平台，懶得再學新的 App 開發方法嗎？Firefox OS 都行！可先來看看《撰寫平台隨你選，Firefox OS 都「行」(上)》與《(中)》篇，看看其他開發者提供的精采心得與建議喔！ Reditr (Chrome Dev Store) 890...

你已經動手開發 App 了嗎？曾覺得自己早已熟悉某個平台，懶得再學新的 App 開發方法嗎？Firefox OS 都行！可先來看看《撰寫平台隨你選，Firefox OS 都「行」(上)》，看看其他開發者提供的精采心得與建議喔！ Captain Rogers (HTML5 Desktop) 10690...

我們過去一年來不斷招募開發者。這些開發者均已於不同的 Open Web 與 HTML5 平台上開發過 App，如以 PhoneGap wrapper 建構的原生 App；針對 Amazon、Blackberry、Chrome、Microsoft、WebOS，甚至手寫的原生程式碼 wrapper 而建...

你之前聽過酷炫的《Monster Madness》遊戲嗎？只要你對 Emscripten 的相關資訊有興趣，就絕對不能錯過這一篇文章。在看下半篇之前，當然應該先複習一下《Monster Madness – 透過 Emscripten 建構 Web 遊戲 (上)》。 遊戲執行效果如何？ 現在我們已經在...

當 Trendy Entertainment 與 Nom Nom Games 二大公司的工程團隊，決定開發跨平台的 Unreal Engine 3 新遊戲之一《Monster Madness Online》並擬定策略之時，我們就知道「多人同時連線」與「玩家使用不同版本的瀏覽器」會是這次的開發主軸。此...

Mozilla 與 Goo 舉辦的遊戲開發競賽 Mozilla 與 Goo 透過《Game Creator Challenge》遊戲開發競賽，積極號召對遊戲懷抱熱情並想展現創造天份的人。不論是從未開發過遊戲的業餘玩家，或是經驗老到的遊戲開發者與 JavaScript 工程師，都能報名參加競賽。參賽者...

快來玩《Monster Madness》並體驗 asm.js 的威力 最佳化的 JavaScript 子集，以及移植到 Web 上的 Unreal Engine 3，達到更順暢、免外掛程式的多人線上遊戲。 今年五月時，Mozilla 才與《戰爭機器 (Gears of War)》系列製作公司 Epi...

得獎者可獲得總值 $45,000 美元的獎項 你有辦法設計出自己的互動遊戲展示，而且比我們的《Jetpack Santa》還更吸引人嗎？我們相信你絕對辦得到，也想幫你實際建構出遊戲。現在快呼朋引伴來參加 Mozilla 與 Goo 合辦的遊戲開發競賽 ─ Game Creator Challenge...

才聽到 Mozilla Firefox 即將支援 Web Audio API 之後，我們馬上就開始構思 Web Audio API所能應用的地方。 我們找到「Legend of Diridum」(細節可參閱下方說明) 遊戲開發團隊並討論了專案細節，最後以該遊戲背景的舞台，設計了一處小市集和一組爵士小...

Web 成為更完整的遊戲平台 【美商謀智訊息】Mozilla 是全球性的非營利組織，以推動網路的平等、自由、開放為宗旨，旗下的 Firefox 瀏覽器、Firefox for Android 行動瀏覽器、Firefox OS 開放行動作業系統廣受全球市場喜愛。於美西時間 10 月 29 日宣佈正式將...

接著要大家解決《TogetherJS 介紹 (上)》所遇到的問題。還沒看過上篇的人先去複習一下吧！ 添增 TogetherJS TogetherJS 亦具備「交換中心 (Hub)」，可在作業期間處理所有人之間的訊息。此交換中心不會解讀這些訊息，而是來回傳遞所有人的訊息，甚至可交換不同頁面上的訊息。T...

何謂 TogetherJS 本篇文章將介紹 Mozilla Labs 所提供的即時協作 (Realtime collaboration) 工具 ─ TogetherJS。 將 TogetherJS 添增至現有網站之後，即可加入即時合作功能。若有 2 名以上的使用者正在瀏覽網站或 Web App，則可...

此為「Firefox OS ─ 讓 HTML5 得以完全發揮的平台」系列的第五支影片 (可於此回顧第一支、第二支、第三支、第四支影片)，說明應如何添增新的 API ─ 即所謂的 WebAPI，讓 Firefox OS 進一步擴充 Web 的功能。 bethefuture 本影片是由 Mozilla ...

隨著 Fiddle 的輕鬆節拍起舞 JSFiddle 是撰寫並檢驗程式碼雛形的絕佳工具，不需動用你現有的工具與編輯器，即可迅速進行單元測試並執行概念性的程式碼。此外，你也可貼上有問題的程式碼，讓其他人協助你檢視並找出問題根源。 除了程式碼片段之外，你更可製作 Firefox OS Apps 的雛形。...

「Firefox OS ─ 讓 HTML5 得以完全發揮的平台」系列影片的第四集 (另可回顧第一集、第二集、第三集) 中，我們將說明 App 提交至 Firefox Marketplace 的方法，以及其他發佈 App 的方式。 bethefuture 本影片是由 Mozilla 首席技術傳教士 C...

Mozilla 秉持網路平等、自由、開放的宗旨，持續打造更安全的 Web 平台。由 Mozilla 與黑莓 (BlackBerry) 攜手合作的高階自動化安全測試技術 ─ 模糊測試，將再次強化 Web 平台的安全。另外讓 Mozilla 正式介紹 Minion ─ 適合開發者與網路安全專家的開放源碼...

此為「Firefox OS – 讓 HTML5 得以完全發揮的平台」系列的第三支影片 (可在這裡回顧第一支與第二支影片)，將討論用以撰寫 Firefox OS App 的工具。 bethefuture 本影片是由 Mozilla 的 Chris Heilmann (@codepo8)，與 Telef...

bethefuture 在此系列影片的前一篇文章中，我們介紹了 Firefox OS 及其對 Open Web 與 HTML5 所代表的意義，同時解釋 Firefox OS App 就是 HTML5 App 的原因。最簡單的 Firefox OS App，就是針對行動裝置優化的網站，再加上專屬的 m...

9263835250c4a28a2089c160x160 Firefox 近日宣佈 Firefox OS 的智慧型手機正式上市！(截至本篇文章發表為止，已有西班牙與波蘭的電信營運商開始販售。) 如果你所在地的市場還看不到 Firefox OS 手機，你看好 Firefox OS 會成功嗎？我們讓一位...

對於 Firefox OS 的開發者而言絕對是個好消息，因為我們正式發表了 Firefox OS 模擬器 (Firefox OS Simulator) 4.0。特別一提，針對想透過自己 App 在 Marketplace 上獲利的 Firefox OS 開發者，Firefox OS 模擬器 4.0 ...

我們在發表 Firefox OS Simulator 3.0 版本時，就新增了「直接傳輸 (Push to Device)」功能。只要按下 Simulator Dashboard 中的按鈕，就可以把 Web App 送進已連線的裝置。在 Geeksphone 開始販售 Firefox OS 開發者預...

各位 HTML5 App 的開發者，Open Web 正呼喊著你們！ 我們都知道你已經就定位、摩拳擦掌、撰寫程式碼、測試、閱讀記錄文件、下載並執行 Firefox OS 模擬器 (Firefox OS Simulator)。你甚至已經準備好「Send to Device」，現在就等著能親手把玩裝置。...

大概 6 個禮拜之前，我們就搶先預覽 Firefox OS Simulator 3.0。現在很開心的正式發表啦！ 新功能 在預覽文章中提過下列新功能： Push to Device ─ 直接傳輸功能 Rotation simulation ─ 旋轉模擬功能 Basic geolocation API...

我想跟大家分享 Firefox 對 WebRTC 的最新進度，同時也搶先預告 WebRTC 未來的可能計畫。我的同事洛奇 (Adam Roach)，鑽研 IETF 的 VoIP/SIP 領域已經超過 10 年，而且在去年 11 月剛加入 Mozilla WebRTC 團隊。我會接著讓他介紹 WebR...

現在網路上的付款機制到底出了什麼問題？任何網站都已經有購物車功能，而且幾乎都搭配信用卡或類似的付款機制。依照目前網路的自由度，應該要能支援更多商業模式才對。這裡就是問題所在： 使用者不能選擇付款方式，卻必須選擇那些預先定義的選項之一。 在大多數情形中，使用者必須在網站上鍵入實際的信用卡卡號。這就好像...

第一眼看到 Firefox OS 的 Firefox Marketplace 時，會覺得與 Apple Store 或 Google Play Store 有些相似，但其中有個關鍵差異：Firefox Marketplace 不會要求你必須和 Mozilla，或和自己的 Firefox OS 手機綁...

不過 3 個月之前，我們才發表了 Firefox OS 模擬器的 1.0 版。期間我們不斷改善，大約 1 個月之前也就發表了 2.0 版，也是最新的官方版本。邁開大步繼續往前，我們現在要讓大家搶先預覽即將發表的 3.0 版！ 我們內部先討論過到底要不要說明這個新版本。其實目前整個架構還稍嫌粗糙，但基...

【美商謀智訊息】以推動網路平等、自由、開放為宗旨的全球非營利組織 ── Mozilla 基金會，已於 2012 年推出 HTML5 架構的行動作業系統 Firefox OS，並受到市場的熱切期待。Mozilla 不斷推動網路技術創新，同時致力保護網路環境中的使用者主權。在西班牙時間 2 月 24 日...

Q: App 構想來由 Fudo Note 原本是我之前個人的 iPhone side project，這是一個讓個人記錄食記的 app，一直以來很想將 Fudo Note 這個 idea 轉成 Web App，這個這次剛好有機會趁著 Firefox OS Apps Day 將這個構想付諸實行，也藉...

Q: App 構想來由 平常生活中，常常會遇到很多問題，這些問題常常都是靈感的來源。 這一次的 App 的構想，是來自於平常中午跟同事去吃午餐，每次大家都很難決定要吃哪一間餐廳，所以就做了一個 App 希望可以幫我們做決定。平常晚上吃飯的時候，或者週末跟朋友聚餐的時候，似乎也會有一樣的問題，於是就有...

Q: App 構想來由 在賽前研究 MozillaWiki 上 WebAPI 的 Battery Status API，原本想說做個電源管理工具，但似乎又顯得太過枯燥乏味，如果能夠將充電的過程做成一個遊戲，讓這簡單的動作成為有趣的體驗…於是 Battery Fox 的最初構想出現了，一個透過充電進行...

Q: App 構想來由 騎車去接女朋友時，因為路況多變，總是抓不準到達的時刻。在半路上使用手機傳簡訊通知對方最新估計的到達時刻是相當危險的行為。為了解決這樣的需求，以便有效率的運用雙方的等待時間，於是決定要開發一個 App 能夠在路途中，全自動根據目前的位置，推算即將到達的時間，並且通知對方。 Q:...

本月最夯！首度與全球 24 個國家及地區同步舉行的行動 App 開發日已順利在 1 月 26 日圓滿結束！活動從一開始的報名狀況就十分火熱，預設的 30 報名人次不到兩天就一掃而空，在緊急加開人數與活動現場空間的考量下，活動採提案遴選制，活動總報名共 90 人，而當天現場共有 43 名開發者出席。一...

這幾天試了一下最近更新的 Firefox OS Simulator，發現現在的 Simulator 更新了，如果需要在上面使用 Remote debugger 還需要一番工夫，在這邊跟大家說明一下。 如果你正在用 Remote debugger on Simulator 會發現原本慣用的 port ...

Firefox OS Web API 參考文件 – 手機振動 (Vibration API) – 位置資訊 (Geolocation API) – SD卡存取 (Device Storage API) 手機振動 (Vibration) Vibrate API 可以使手機產生振動，您只需要將振動的毫秒...

與全球 24 個國家及地區同步舉行的行動 App 開發日（Firefox OS App Days）即將於 1/26 登場，感謝各開發高手的熱情報名，總報名組數為 37 組 (組隊、單人) 共 73 人，由於採提案內容遴選制，以下為本次報名之入選名單。沒有入選的高手們千萬不要灰心，未來 App 相關活...

參考資料：https://marketplace.firefox.com/developers/docs/mkthosting Firefox App 分為兩大種類： Hosting App (目前 marketplace 上提供這個方式) 所有網頁內容存放在開發者所屬的 web 平台上執行，App...

對於行動 App 開發具有濃濃興趣的你，想必已經立馬報名 Firefox OS App Days 的活動！想知道如何事先準備，偷做功課，讓自己實力加倍嗎？快參考以下 「Firefox OS Simulator」文章，本篇文章已在 2012 年 11 月 22 日發表過，讀過沒讀過的，快來溫習一下，[...

【美商謀智訊息】以推動網路平等、自由、開放為宗旨的全球非營利組織－Mozilla 基金會，2012 年推出以 HTML5 為基礎的行動作業系統 Firefox OS 並獲得市場廣大期待。今於美西時間 8 日釋出全新 Windows、Mac 和 Linux 版本適用的新版 Firefox 瀏覽器，以及...

2012 年對 Mozilla 來說意義非凡，在今年，Mozilla 全體動員了！我看到 Mozilla 在可以為網路世界帶來突破性影響的地方，有了非常好的表現！在影響力發酵的同時，我們專注在創新的打造以及影響力的傳遞。2012 年是 Mozilla 值得驕傲的一年，以下特別整理了幾項本年度重點回顧...

【美商謀智訊息】以推動網路平等、自由、開放為宗旨的全球非營利組織－ Mozilla 基金會，2012 年推出以 HTML5 為基礎的行動作業系統 Firefox OS 並獲得市場廣大期待。於美西時間 (28日) 宣佈與 Everything.me 合作，此舉顯示 Mozilla 在行動裝置系統上推動...

HTML5 可以、而原生 App 做不到的事情 閱覽跟開發工具都是同一套 – 你需要的就是個文字編輯器與瀏覽器而已。 微量更新 – 若原生 App 需要更新，則整個 App 都要重新下載。光是為了取得 Angry Birds 的新關卡，你的 3G 網路就得把 23MB 的程式再傳輸一回。HTML5 ...

HTML5 沒有充足的開發者環境 HTML5 有一點常被人提起，那就是「HTML5 缺乏開發工具」。但有趣的是，這句話通常是從幫開發者購買軟體工具的人口中聽到，而非開發者本人；出錢的人希望提高開發效率，但常忽略開發者應 自行決定合適的工具。 HTML5 的核心便是 Web，也已經有很多優秀的開發環境...

一直以來，大家在討論HTML5 是否“已成熟”時，其中參雜了許多的誤解，誤解導致迷思，而關於 HTML5 的各項迷思不斷反覆地被傳頌，然而很多時候，這些迷思的可信度並沒有獲得確認。 HTML5 效能不佳？ HTML5 常被人詬病的問題在於它的「效能」，但關於這一點，大家常忽略一個事實，把蘋果和梨（無...

這篇來聊一下近期 Firefox for Android 的改變。本篇圖多，請耐心等候 😛 為還沒有試過 Firefox for Android 的朋友大致介紹一下。在你的手機上，Firefox 也致力將良好的瀏覽體驗帶給獨一無二的你，目前的版本已經有很多與桌機 Firefox 相同的功能，例如：...

Firefox Marketplace 首度釋出 Aurora 測試版 (編按：Firefox 的產品在正式推出前會經歷過 Nightly, Aurora, Beta 三個進程，各自擁有六週的測試開發期，Aurora 主要提供給有興趣參與測試的開發者)，現在開放給使用 Firefox for And...

【美商謀智新聞】以推動網路平等、自由、開放為宗旨的全球非營利組織－Mozilla基金會，其瀏覽器Firefox全球擁有數億名愛好者，2012年起，將其在桌機市場成功推動的開放精神延伸至行動市場。繼 2 月於西班牙巴賽隆那的Mobile World Congress (MWC) 首次發表「The We...

Mozilla Taiwan 很高興上週末 (4/14、4/15) 在中研院，與同樣喜愛 OSDC 的好朋友見面敘舊呦！這次 Mozilla Taiwan 大力參與此活動，特別邀請 CEO 宮力博士帶來精彩的 B2G 演講，當天下午則是由 Mozilla 工程師 Thinker 和大家分享 Apps...

實踐 Mozilla 的任務 Mozilla 的任務是要提倡網路上的開放、創新與機會。 Firefox 和 Web 平台已經成為 Mozilla 推行任務的主要管道。Firefox 開創了網頁瀏覽器的選擇、良性競爭及創新，也催化了帶來網路世界大幅創新的網站標準發展。 我們已經進入網路生活的新世代，眾...

(2012/02/27 巴賽隆納訊) 致力於網路開放自由的 Mozilla，其 Firefox 瀏覽器在全球擁有數億名愛好者，今年擴大參與世界行動通訊大會 (Mobile World Congress / MWC)，並於 MWC 開展的首日舉辦記者會，宣佈與西班牙電話公司 (Telefonica) ...

Mozilla的網路App商店，提供可跨平台使用的Web Apps (2012/02/23 台北訊) 長期推動網路開放自由與創新的Mozilla基金會，今日宣佈將於2012年於西班牙巴賽隆那舉辦的世界行動通訊大會 (Mobile World Congress/MWC) 正式發表Mozilla Mar...

全球研發菁英匯聚台北 加速推動B2G專案 (2011/12/05台灣台北) 長期推動網際網路開放自由與創新的Mozilla基金會，其Firefox瀏覽器在全球擁有數億名愛好者，今年啟動應用於行動設備的B2G (Boot to Gecko) 專案，做為開放Web標準(HTML5/CSS3/Javasc...