Gecko 內的死亡之握-kungFuDeathGrip

在看 gecko 的 code 時無意間發現了這個神奇的區域變數:[crayon-5906cfd9d7bb3130499124-i/] ,乍看之下這個奇怪的區域變數在 function 內就只有被宣告,並且沒有被使用到,那麼到底為什麼要有這個變數的存在呢?為了更進一步了解這個變數的由來,我們先來看看 [crayon-5906cfd9d7bc3552970586-i/]  字面上的意義,直接翻譯成中.....深入了解

有 Mercurial Queue 的感覺真好!從 nothing 到 checkin-needed

Mercurial(hg) 是一款 mozilla 內部使用的版本控制系統,而 Mercurial Queue(MQ) 則是一個使用 Mercurial 時常用的套件,讓 up-stream 和 down-stream 的管理相處的和樂融融。雖然已經有非常多文件可供參閱[1][2][3][4],但是一個真實案例範例勝過萬卷規格。我們來利用朱尼爾小明的一天來看看 Mercurial Queue 是怎.....深入了解

Firefox OS 之請你跟我這樣說 ~ [SpeechSynthesis]

相信大家多多少少玩過 iOS 手機上的 Siri 或是 Android 手機上的 Google Now! 等語音辨識功能。  也或許有經驗因為長時間低頭滑手機太累而利用系統中的朗讀功能來"聽"文章。  而這兩種功能 1. Automated Speech Recognition. (ASR) 2. Text to Speech (TTS)/ Speech Synthesis ~目前究竟隱藏在 Fi.....深入了解

使用 Firefox OS 內的 Profiler 來測量程式的性能!

本篇作為「在 Firefox OS 裡 如何使用 built-in profiler」[1] 的延續,除了詳細的介紹使用流程外,更要教大家如何在不同的 thread 上測量程式的效能。 Firefox OS 提供內建 profiler 來評估系統效能。此 profiler 會記錄系統執行的時間、函數呼叫的順序以及函數被執行的次數,我們可以利用這些資訊輕鬆的找出系統的瓶頸。 使用方法很簡.....深入了解

標準化的錄影API

當 HTML5 發展日漸成熟之際,在多媒體的輸出原生支援方面,目前已經支援了大多數網路常見的格式,所以開發者可以使用 [crayon-5906cfd9d951a020595824-i/]  或是 [crayon-5906cfd9d9521679223163-i/]  tag 來進行影音播放控制。但輸入方面,目前各家瀏覽器並無統一的 API 實作,為解決此問題,W3C 委員會在 2013 年開始制定.....深入了解

建構 Firefox OS 操作介面的基本元素: Fira Sans 字型

字型是使用者介面的基礎,所有顯示在畫面上的資訊都是由圖跟文字構成的。舉凡使用者需要閱讀、了解文意、或是進一步進行操作動作選擇的地方,不論是一段說明文字、一個對話框、圖示下面的標題文字、或是確認、取消的按鈕、系統設定畫面…等等,皆需要文字來構成。其實在介面設計中,沒有刻意去注意的話,可能不會發現,原來字型的運用是超乎想像地多的。 如下圖是 Firefox OS 的首頁以及設定、對話框畫面,就用.....深入了解

四個 SVG 動畫應用範例 - Firefox 十週年活動網站技術解密

不知道大家有沒有注意到,這次的 Firefox 十週年活動網站上出現了一些特殊的動畫元素。這些元素不是 GIF 圖素,也不需要複雜的動畫套件,而是運用了 SVG 本身具備的動畫功能。 使用 SVG 來做動畫有幾個好處: 首先因為是向量圖形,所以任意縮放變形都不怕出現鋸齒顆粒。 多數向量繪圖軟體都支援 SVG 輸出,詳細支援度可參考 Wikipedia 上的比較表。 除了進行一.....深入了解

Web app 如何操作硬體功能(Firefox OS 的內部溝通 - 藍牙篇)

我們在 Firefox OS 手機的設定選單中,可以選擇開啟藍牙或是 GPS 這種手機硬體相關的功能。只要輕鬆點擊網頁語法寫出的按鈕,就可以操作裝置硬體,這在 web app 中是怎麼做到的呢? Web app 開發者通常可以查詢相關的 web API 網頁,看是否有適合的 API 可以幫忙執行想要的工作。有些 API 是 W3C 標準,有些則是不同瀏覽器提供不同的界面,還需一段時間慢慢發展為標準.....深入了解

更快更安全的 Web - SPDY

SPDY (唸作 SPeeDY) [1] 是 google 在 2009 年提出的一種網頁傳輸協議。目的是建構一個更快更安全的 Web。你或許會想,都已經 2014 年了,網路速度動輒 100 個妹,如果 facebook 頁面顯示不夠快,那一定是瀏覽器沒寫好或是 CPU 不夠力。 前 google 工程師 Mike Belshe,也就是 SPDY 的作者,在其撰寫的報告 [More Ba.....深入了解

在 Firefox OS 取圖片色彩平均值之二三事

在 Mozilla 開發 Firefox OS 的歷程中,使用者體驗是我們非常著重的項目。在近期開發的 Firefox OS 版本(2.0)上,我們大幅修改了鎖定畫面(Lock Screen,或稱螢幕鎖)的外觀。下圖左是舊版畫面,圖右是新版畫面。 在新版的鎖定畫面中,當手機收到通知(簡訊、未接來電等等)並將之顯示於鎖定畫面時,我們會在鎖定畫面上覆蓋一層半透明的純色圖層,用來強調這些通知訊息.....深入了解