2012年12月19日

Firefox 小秘笈:客製化你的 Firefox 工具列

在製作 Firefox 時,我們總依賴社群裡的高手把瀏覽器調教越簡單易用越好。不過每個人都是不一樣的,你總會有只屬於自己想要的一些特殊需求。就像我們 Facebook 裡的粉絲 Henrick F.,他分享了這一則小秘訣。


在新安裝好的 Firefox 上,我會做的第一件事就是:在分頁列空白處點右鍵,選擇「自訂…」,然後移除所有我不會用到的按鈕,同時會把「顯示」設定成「圖示」,並且勾選「使用小圖示」,爽啊!(編註:原文為 ”Booyah”)

感謝 Henrick!的確該 Booyah 沒錯!當然各位讀者您也可以自訂您的工具列,請閱讀這篇文章了解如何操作

如果您覺得這篇小秘訣對您有幫助的話,請用下面的社群按鈕分享出去,讓其他人更了解 Firefox!您也可以到這裡看更多的小秘訣

原文 / Firefox Tip – Customize Your Firefox Toolbars | The Den
授權 / 創用CC 姓名標示-非商業性-相同方式分享-3.0

φ Linear 翻譯 - Irvin 編輯

2012年12月5日

Firefox 版本與釋出頻道

當我們與人聊天的時候,一個常常遇到的關於 Firefox 的問題是:釋出時程如何運作、我們有哪些測試用的版本。因此我想在此向你們介紹這些頻道,並且讓大家知道─對於你我而言─測試的重點在哪裡。

Firefox 釋出頻道

基本上,我們有四個 Firefox 釋出頻道:

Firefox
正式的 Firefox 釋出版本

Firefox Beta
在成為下一個正式版前,接受測試中的測試版 Firefox

Firefox Aurora
主要提供網頁╱平台開發者和早期使用者使用

Firefox Nightly
包含實驗中功能的每日編譯版(新功能會透過 Twittter @firefoxnightly 帳號公開)

Firefox 產品發佈時程

Firefox 以六週為一個釋出週期,意思是每六週就會釋出新的 Firefox 正式版、Beta 版與 Aurora 版。Nightly 則顧名思義會在每天晚上更新。

 

同時執行數個不同版本的 Firefox

有很多方法可以讓不同版本的 Firefox 在電腦上同時執行,你所需要的就是設定好多個使用者設定檔(Profile)給予每一個瀏覽器實例(Instance)取用。最簡單的方法,大概就是透過設定檔管理員新增使用者設定檔

如果你使用 Mac OS X,Firefoxes 腳本能協助你自動下載各版本的 Firefox、及設定多重設定檔。

另外的選擇是從指令行啟動設定檔管理員及執行 Firefox。請參考以下 Multiple Firefox Instances 文中提供的指令以啟動設定檔管理員:

# 在 Windows 上,點選開始 → 執行,然後輸入:
"C:\Program Files\Mozilla Firefox\firefox.exe" -no-remote -ProfileManager

# 在 Mac OS X 和 Linux 上,請在終端機中輸入:
firefox -ProfileManager

# 依你的系統╱設定而定,你可能需要在 Firefox 的安裝目錄下輸入
./firefox -ProfileManager

測試 Firefox Aurora

對於網頁設計師來說,最適合的 Firefox 測試版本是 Firefox Aurora。它夠穩定、足以使用,也包含在上線前確認階段的新功能。因此,當新功能進入 Firefox Aurora 時,就是你影響實作、尋找 bug、改善這些功能的最好機會 ─ 這也使得我們可以保證在 Firefox 正式釋出時,所有的新功能都能穩定運作、維持最佳狀態。

因此,請您貢獻一點時間測試 Firefox Aurora 與新功能,讓我們一起幫助 Firefox 與網際網路變得更好!

Firefox 釋出頻道中文海報

您可在此下載由社群成員合力翻譯的 Firefox 釋出頻道海報,這裡還有更多語言的版本。

原文 / Firefox and the release channels ✩ Mozilla Hacks
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ MozLinks 編輯機動隊 翻譯 - Irvin 編輯

2012年12月4日

五個利用 Firefox 增加生產力的好方法

在我們平常忙碌的生活中,最悲慘的莫過於不停增加的待辦事項清單與不斷縮水的可用時間了。然而,只要有了適當的工具,Firefox 可以有效增加你的生產效率,讓你有更多時間可以處理其他事務!

  1. 你可以在網址列中搜尋任何內容,而不用離開你正在瀏覽的網頁(不然他怎麼能叫做全能網址列 Awesome Bar 呢?)只需要設定一次,之後就可以省下你許多時間。

    如果你是個購物狂,首先先到你最喜歡的網站(以下以 Amazon 為例子),找到他的搜尋框並且右鍵點擊,在跳出選單中,選擇「設為用關鍵字搜尋…」,為這個搜尋輸入一個名稱(在本例中我們輸入「Am」)。完成之後,若是你想要搜尋 Amazon 裡面的手機,你只要把滑鼠移到網址列中(或者使用 F6 熱鍵)輸入「am 手機」,你就會直接抵達搜索結果的頁面了!

  2. 既然提到了快速鍵,Firefox 裡面其實內建了許多快速鍵,完整清單在這裡,不過我們在此列舉幾個可以省下你不少時間與手指力氣的熱鍵好了:CTRL+W 可以關閉分頁、CTRL+T 可以開啟新分頁、F6 可以直接把焦點移到網址列、CTRL+Enter 可以在網址後面直接加上 .com、CTRL+D 可以新增書籤(在 Mac 上請用 CMD 代替 CTRL;Linux 則用 ALT)。

  3. 書籤也可以省下你不少 時間,事實上,你可以直接開啟到書籤工具列,這樣的話只要滑鼠單點,就可以直接瀏覽你所有最愛的網站。這邊是書籤工具列的說明

  4. 與電腦同步你的 Android 手機。想必你一定投入了不少時間,研究你想要買的新玩意,但當你一走進商店的時候卻忘得精光。只要使用 Android 版的 Firefox,你可以直接設定桌面版 Firefox 與你的手機同步,這樣你的所有分頁、書籤以及其他小東西都可以帶著走了。這裡是如何設定同步的教學

  5. 試試看擴充套件吧!有上千種的套件可以選擇,某些可以幫助你在眾多商店中找到最好的價格,也有些可以幫助你管理你精明的行事曆,也有的可以讓你記筆記、幫助你管理待辦事項,也有幫你檢查賽事分數的擴充套件。甚至還有分析你在網路上多有生產力的套件呢!瀏覽附加元件中心,找到讓你生活更便利的方法。

原文 / 5 Ways to Pump Up Your Productivity with Firefox | The Den
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ sntc06 翻譯 - Irvin 編輯

2012年12月2日

搖滾你的 Firefox:安裝 Tab Badge 乘上社交網站新浪頭

利用 Tab Badge 乘上社群網站最新浪頭

你是否曾經困擾於社交媒體預期症後群(Social Media Anticipation, SMA)?就是當你張貼了某樣訊息,然後必須頻繁的回來確認是否有任何人回應、按下「贊」、「+1」等等?

好加在,對於火狐的使用者來說還有個療法。實際上,對於這些經常發現自己處於 SMA 症狀或其他網路提示失調症後的人來說,Tab Badge(分頁徽章)這個附加元件就是醫生必開的處方。

一旦安裝完成,所有開啓網頁產生的網頁提示,會在分頁標籤上,點亮一個不刺眼的紅色計數徽章,讓所有的網頁提示,有個統一清楚的樣貌。當網站有新的網頁提示╱電子郵件╱新文章時,紅色的徽章就會顯示在該分頁上,提示您該網站的通知數目。

分頁原本的狀態

會顯示成這樣

告別 SMA 與其他網頁提示憂鬱症,現在就來下載 Tab Badge 吧!

原文 / Tab Badge ❍ Rock Your Firefox
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ Mika 翻譯 - Irvin 編輯

2012年12月1日

2012 年 Firefox 熱圖研究結果來啦

用戶行為熱圖

幾個月前,Mozilla 透過 Test Pilot 附加元件 公佈了一項名為 2012 Firefox 桌面版熱圖的研究結果。在 2010 年的時候,我們就曾研究過此題目,衡量用戶與桌面版 Firefox 各界面元素互動的頻率,所以這算是該研究案的更新版。本研究持續了一個星期,我們接收到超過 215,000 位用戶的數據。

熱圖突顯出介面呈現和功能需求間的落差。作為 Australis 介面重設計的一部分,本研究圍繞著以下這些問題設計:

  • 在當前的介面中,人們使用到哪些功能?
  • 人們因無法被介面突顯、無法被吸引、或者根本無法理解,而錯過哪些很棒的 Firefox 功能?
  • 鑑於使用頻度,有哪些功能的介面太過突出了?

瀏覽器視窗的熱圖

下面的熱圖顯示出在瀏覽器的各元素上,曾點擊一次以上的使用者佔比(包含所有 OSX 用戶和啟用選單列的 Windows 用戶):

Firefox 桌面版熱點圖 - 在用戶開啓選單列的情況下

搜索列、網址列,和搜索建議的使用頻率

大部分人使用到網址列(82%)及搜索列(46%)。27% 的人會取用搜索建議、而 60% 的使用者使用到網址列「自動完成」功能。未來我們將發佈一篇文章探討人們如何使用這幾個功能,以及它們的交互作用。

用戶使用多數搜索引擎

有相當一部分使用者(21%)會點擊「搜索引擎下拉選單」(該選單讓你選擇要使用的搜索引擎),多過最後實際改變搜索引擎的人(11%)。

為什麼會這樣呢?

  • 用戶可能對我們提供給他們的搜索選項不滿足,只能停留在原本的搜索引擎。
  • 用戶可能誤點了該按鈕,而實際上他們是想點擊搜索框。

用戶執行的每個動作我們都有時間記錄,如果我們假設這是一個短時間的點擊動作,就可以大概估計出選單的誤點比例。如果該比率很高,就是選單的位置不對。如果事實表示,用戶不滿於搜索選項,則我們需要重新考慮搜索引擎列表裡應該預設安裝哪些搜索引擎、或教導用戶如何新增需要的搜索引擎、又或者重構我們個別呈現單獨搜索引擎結果的搜索方式。(如果有人有興趣,我們將進行這個分析)

低分頁群組使用率

在主要視窗的大部分元素中,最少被用到的是用於顯示分頁群組( Panorama、TabView)的按鈕(0.7%)。如果說點擊分頁群組按鈕的用戶都是重度使用者(可以透過使用頻率來分析),則更好的作法是將其改成一個可以輕易開關的功能、或者將其改為一個擴充套件。當然,也可能是使用者根本不知道分頁群組功能,因爲預設情況下,這個查看分頁群組的按鈕是隱藏的。

書籤透過多樣方式呈現,沒有明確的「最佳」界面

為了完整說明,以下是隱藏選單列的用戶在同樣元素上的熱圖:

Firefox 桌面版熱圖 - 隱藏選單列的情況下

我們可以發現,數據跟上個熱圖非常相似,唯一不同的是「書籤選單」按鈕相對常用些(19%。在 Mac OS X 中書籤鈕會永遠顯示,但在 Windows 裡只有當選單列被隱藏時顯示)

書籤早該進行簡化與重新設計。次節的內容中指出,沒有一個明顯的「正確方式」來呈現書籤功能,不同的人使用不同的進入點。如果使用者只是因爲當顯示選單列時,這個書籤按鈕會被隱藏,而使用書籤選單裏的「此頁加入書籤」,則我們應該考慮讓這個按鈕永遠顯示。我們需要研究看看,當書籤選單與書籤按鈕均可使用時(目前只有在 OS X 下如此),用戶是否會偏好某一項。如果數據顯示用戶偏好快捷按鈕,或許是書籤選單應該消失。

探索選單列

本張熱圖概括了使用者在選單各項目,在研究過程中至少點擊一次以上的佔比(包含 OSX 和顯示選單列的 Windows 用戶):

桌面版 Firefox 選單項目熱圖

被多數人使用到的選單項目為:

  • 個人的書籤(25%)
  • 最近瀏覽過的網頁(16%)
  • 此頁加入書籤(15%)
  • 打開下載視窗(10%)
  • 清除最近的歷史記錄(10%)
  • 列印(7%)
  • 另存網頁(6%)
  • 打開附加元件(6%)
  • 開新分頁(5%)

使用選單,而非瀏覽器視窗介面

選單中的「加入書籤」和「開新分頁」兩項,在瀏覽器視窗中都有快捷按鈕,為什麼用戶不使用這些隨手可見,比起選單應該更為易用的捷徑呢?我們可以立即做出兩個假設:或許用戶只是偶爾點擊選單,平時還是使用快捷按鈕;或者有些用戶只使用選單,完全不用快捷按鈕。

通過查看這些選單項目的使用頻率,而不只看使用每個項目的用戶百分比,我們就可以更深入地了解各種可能性。如果有一定比例的用戶從來不使用這些快捷方式,而只頻繁的使用選單,那麼我們應該做個問卷調查或訪談,來找出原因。有可能是這些快捷按鈕不夠清楚,在這種情況下,我們需要引導用戶使用這些功能,或是讓介面本身更為清晰;如果用戶只是更偏好使用選單項目,我們需要找出為什麼。

對於剩下這些使用頻率較高的項目,如果我們新增快捷按鈕,是否將有利於用戶?又或者僅是佔用寶貴的視窗空間呢?如果增加一個快捷按鈕,會有更多的用戶知道這些功能嗎?不幸的是,就我們目前所收集到的數據,沒有辦法找出這些問題的答案。我們需要做的是一些 A/B 測試或訪談,看看這類按鈕會有什麼影響。如果只有一小部分用戶(>2%)會以一貫的高頻率(例如每天超過一次)使用這些快捷按鈕,則較好的作法是開發一些擴充套件,新增這些按鈕到瀏覽器視窗中。如果這個套件是成功的,就可能意味著這是一個可以加入到 Firefox 中的功能。

再思考「說明」選單

來看看其他表現出需要被簡化的跡象的選單。在使用「說明」選單的使用者中,大部分都只點擊了通用的「Firefox 說明」選項。用戶是否真的滿足於「Firefox 說明」,而無需其他選項?還是他們只在需要幫助時開啟「說明」選單,因而不期望在那兒找到其他同類功能──例如「送出意見回饋」?如果用戶多會跳過 Firefox 的內建補助系統,而尋求外部資源的協助,那麼補助功能的介面就需要更加清晰,以鼓勵用戶使用。例如:加入「重設 Firefox」到此選單,也許可以提升該功能的使用率。

2010 年至今使用模式維持穩定

如果拿現在的熱圖跟 2010年的熱圖研究相比,結果也很有趣。使用搜索列的使用者比例從 61% 下降到 47.5%,搜索引擎選單從 32% 減少到 22%。大體上可能反映了人們在網絡上搜尋行為的變化。現在的使用者是否更傾向於直接在網址列上鍵入關鍵詞進行搜索呢?相較於搜尋,使用者是否更常透過連結來瀏覽呢?在過去兩年裡,Firefox 的界面上沒有對搜索列做出太大的改變,所以用戶行為的改變或許是這種變化最有可能的解釋。

然而,先前的研究是針對兩年前的 Test Pilot 用戶進行。兩份研究的母體不同,也可能解釋一部分變動。我們仍然值得考慮針對此項來進行一個 Test Pilot 研究,不僅調查網址列的使用次數,還要包含使用狀況:是用於搜索、還是用於輸入網址。如果網址列被大量用於搜索,可能就表示我們也許不需要搜索列。

未來的研究

像熱圖這樣的初步研究,有時提出的問題比回答到的問題還更多。但是,當這些從用戶數據中直接發現的問題被找出答案時,將會帶給我們關於 Mozilla 產品最有價值的觀點。回顧一下,下面是一些我們可從熱圖中得到的啓發,以及一些我們應該考慮的行動。

  • 研究用戶使用搜索列與網址列進行搜尋的比例,這種變化如何隨著時間演進。
  • 為什麼用戶使用選單而非工具列上的按鈕。看看我們能否組找出此組的特徵。
  • 將分頁群組削減爲一個套件,除非透過可用性研究顯示出一旦用戶知道這個功能的存在,就會對其非常狂熱。
  • 了解用戶爲什麼不使用「說明」選單,找出如何在用戶需要時給予協助。
  • 分析用戶使用書籤功能的進入點,評估出一個統一它們的計劃。
  • 確定為什麼用戶點擊搜索引擎選單,想想純粹是因為它的位置靠近搜索列,還是預設的搜索引擎的關係。

對於這些資料還有任何其他想法嗎?請在下方留言!

原文 / Firefox Heatmap Study 2012 – Results Are In! | Mozilla UX
作者 / Ilana Segall, Gregg Lind
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ 陳三 翻譯 - Irvin 編輯

2012年10月25日

Firefox 擴充套件絕對精選:三十億次下載中最棒的八個套件

不久以前,某個人達成了第 30 億次 Firefox 的附加元件下載安裝。3,000,000,000 次,那可真是有夠多的!(要打一堆零在後面!)

從這 30 億次下載資料中,我們特別挑選出了以下 8 支附加元件並在此介紹。它們都是真正精選中的精選!不但是最多人使用的,也都具備充分的上榜理由。讓我們從第 8 名開始介紹起。

#8

首先是每天擁有超過 180 萬使用者的 Personas Plus 附加元件。「Persona(個性面板)」是輕量級的 Firefox 佈景主題,而 Personas Plus 擴展了 Firefox 的內建個性面板功能,讓你可以更容易地控制及取用最新、最熱門、或者你最喜歡的個性面板主題。安裝這個套件後,在你的狀態列(或附加元件列)上,會出現一個狐狸面具圖示,點選會跳出一個選單,讓你可以選擇、改變、或隨機變化你的 Firefox 佈景主題。

#7

接下來是每天擁有 190 萬使用者的 DownThemAll。它是 Firefox 中第一、也是唯一一支「下載管理/加速」套件,特色是可以讓你增加下載速度最高達四倍,並且允許你在任何時間暫停及恢復下載,讓你可以完全掌控你想要的下載體驗。

#6

第六名是每天超過 220 萬使用者的 NoScript 。這個工具可以給予你的 Firefox 面對安全性漏洞的額外保護。它能夠限制只執行可信任網域(像是你設定的個人銀行網頁)所提供的 JavaScript、Java 和其它可執行程式,保護你免於受到特定種類的網路攻擊所威脅。

#5

接下來是每天超過 225 萬使用者的 Download Statusbar。它讓你可以簡潔的在狀態列中直接檢視和管理下載狀況,而不需使用原有的下載視窗,還具有完整的自訂界面與自動隱藏功能,提供不中斷使用的完整控制能力。

#4 、# 3


第四和第三名是 Firefox 的開發者粉絲最喜歡的工具:GreasemonkeyFirebug,每天各擁有超過 260 萬和 320 萬使用者。Greasemonkey(暱稱油猴子)讓你可以用簡單的 JavaScript 自訂網頁的顯示和行為;Firebug 受歡迎的原因則源自於讓你可以即時編輯、除錯及監控任何網頁的 CSS、HTML、和 JavaScript 程式碼。

#2

30 億次附加元件下載中的亞軍是擁有超過 700 萬使用者的 Video DownloadHelper,擷取下載網頁內容的工具。它的功用是從許多網站中抓取影片、聲音和圖片檔案。在瀏覽網頁時,當 Video DownloadHelper 偵測到它可以為你服務,工具列上的小圖示就會變成會旋轉的動畫,此時簡單地點選圖示,就可以下載你要的檔案了。

#1

我們恭喜最多人使用,每日有 1470 萬使用者(總下載次數超過一億七千萬次)的附加元件 Adblock Plus。Firefox 的粉絲喜歡它的原因是,它給了大家如何檢視網頁的控制權。一名評論者提到:「不論是在行動裝置或是桌面平台上,Adbock Plus 就是我使用 Firefox 的理由之一!」

這裡有更多關於 30 億次附加元件下載的統計資訊,當邁向第 40 億次下載時,會不會有其他新的套件排到前面來呢?這些最受歡迎的附加元件,你也可以馬上擁有——立刻到 Firefox 附加元件網站,下載你最喜歡的附加元件,幫助它們登上排行榜吧!


原文 / The Best of 3 Billion Add-on Downloads | The Den
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ MozLinks 翻譯機動隊 翻譯 - Irvin 編輯



編按:本文譯者在 Google Doc 翻譯時未署名,如果您是協助翻譯的朋友,請回群組信告知嘍!另,Mozilla Links 正體中文版長期徵譯者與編輯,詳情請見本文

2012年10月24日

Firefox 小秘笈:用即時書籤掌握最新新聞

更多、更多,我需要讀更多!你是個新聞資訊狂嗎?總覺得還看不夠頭條新聞?或者是某個你常逛的部落格,你希望能隨時掌握他最新的更新。(例如這個部落格,是吧 :D)

當你顯示書籤工具列時(如何顯示與隱藏書籤工具列),你會發現 Firebox 已經有一個「即時新聞」的書籤(註)。如果這是你需要的,那真棒。如果不是也沒關係!只要在上面按右鍵,選擇刪除後,就可以新增你自己的來源。

你可以前往蘋果日報中時電子報NOWnewsETtoday 新聞雲或是其他你想追縱的部落格,打開網站後,從主選單裡選擇「書籤」,然後點選「訂閱此頁面…」。接著會顯示此網站的消息來源(RSS Feed),從「訂閱此消息來源 (Feed) 使用」下拉選單裡,選擇「即時書籤」並按下立即訂閱,再選擇儲存在「書籤工具列」資料夾內。

此後網站的最新資訊就會出現在你的書籤工具列中了。該網站的書籤旁會顯示一個小箭頭,點選之後,就能看到該網站的最新更新。你可以選擇某一則更新,前往閱讀最新的內容。

如果你想要取得最新訊息的網站沒有提供消息來源(RSS Feed)怎麼辦?你可以試試能自動檢查是否有新內容的 Update Scanner 之類擴充套件。

以上是本台最新新聞,希望你覺得實用!

原文 / Use Firefox to Stay on Top of the News | The Den
授權 / 創用CC 姓名標示-相同方式分享-3.0

註:Firefox 自 Firefox 10 (2012/1/31) 之後,已取消預設的即時新聞書籤。在 Firefox 9 之前正體中文版預設使用的即時新聞來源為公視新聞,RSS 連結為:http://feeds.feedburner.com/pts_news?format=xml

φ Calvin 翻譯 - Irvin 編輯

2012年10月23日

Firefox 小秘笈:Firefox 同步

你是否曾希望能在一台電腦中設定好,然後就可以在你的所有電腦使用準備好的 Firefox?這裡教你一個來自我們 Facebook 上的粉絲 George B. 所提供的方法,可以完成這件事情。

「Firefox Sync 讓我同步家中筆電的 Firefox 書籤、瀏覽歷史及其它資料到我在學校的電腦之中,這真的很有幫助。」

我們十分高興、而且感謝 George 提供這個秘訣。你只要設定你的瀏覽器一次、就可以在桌上電腦、手機、平板電腦……任何地方使用!詳細說明請見:我如何設定Firefox Sync? | Mozilla 技術支援

你可以在這裡看見更多 Firefox 小秘笈這裡還有一些英文小技巧);如果你有什麼好技巧想和其它 Firefox 使用者分享,請在我們的 Facebook 上留言,並使用 #FirefoxTips 標籤我們,或者也可以使用 #FirefoxTips 貼到 Twitter 上。

原文 / Firefox Tip – Sync | The Den
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ MozLinks 翻譯機動隊 翻譯 - Irvin 編輯

編按:本文譯者在 Google Doc 翻譯時未署名,如果您是協助翻譯的朋友,請回群組信告知嘍!另,Mozilla Links 正體中文版長期徵譯者與編輯,詳情請見本文

2012年10月16日

Gary Kovacs 在 TED-U Talks 談反追蹤網路追蹤

年初的 TED University 中,Mozilla 的執行長 Gary Kovacs 演講了「反追蹤網路追蹤」。其中,他向聽眾展示了 Collusion,這個擴充套件能以視覺顯示對我們進行行為追蹤的來源。

TED 是個致力於「讓思想長上翅膀」 的非營利組織,主題包含科技、娛樂與設計。在 TED.com 他們免費提供全世界最棒的演講與表演。

「反追蹤網路追蹤」已經發佈在 TED.com 上了,快來瞧瞧吧!

原文 / TED-U Talk: Gary Kovacs: Tracking the trackers | The Mozilla Blog
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ swem 翻譯 - Irvin 編輯

2012年9月19日

Firefox OS 的神奇魔力

本文中我想聊聊 Firefox OS 專案,它的代表意義及它的未來在哪,並解釋為什麼我說它有些神奇魔力。

在過去的一年半中,我花費越來越多的時間在 Mozilla 的最新專案 Firefox OS 上。就在這段時間裡,我愛上了這個專案以及它的主張。我過去從來沒有對技術平台有這種體驗過。

讓我再說得清楚點:Firefox OS 只是個開始,之後將會有更多成果出現;它是一個醞釀中的革命;它讓人耳目一新;它是科技前緣的潮流;它很神奇,而且將改變一切。

Firefox OS 是什麼

對於根本不知道我在講什麼的人,我在此迅速地介紹:

Firefox OS 是一個新的行動裝置作業系統,由 Mozilla 的 Boot to Gecko (B2G) 專案開發。它使用 Linux 核心,開機之後進入以 Gecko 為基礎的執行引擎(Runtime Engine)讓用戶執行完全透過 HTML、JavaScript 及其他開放網路程式 API(Open Web Applicaiton APIs)所開發的程式。

Mozilla Developer Network

簡單說,Firefox OS 是使用網頁背後的技術—例如 JavaScript,來開發一個完整的行動作業系統。花點時間消化一下……它是個由 JavaScipt 驅動的手機系統!

為此開發了一個經過輕微修改的 Gecko(Firefox 背後的成像引擎),並導入創造出近於手機體驗所需的全新 JavScript API,包括 WebTelephony 用來撥打電話;WebSMS 用於傳送簡訊;以及 Vibration API……顯然是拿來振動用的。

但是 Firefox OS 不只是最新網路技術的瘋狂應用,它同時將 Mozilla 的其他專案整合入一個單一願景中——網路即是平台(The Web as a platform)。這些專案包含我們的 Open Web AppsPersona,用於身份認證及登入網站的解決方案(其技術名為 BrowserID* )。能看到 Mozilla 這麼多不同專案整合成一個渾然的願景,絕對是讓人著迷的。

更詳細的敘述在此略過不提,畢竟本文並非要解釋專案的詳細內容,更多細節可以在 MDN 的 Firefox OS 頁面 找到,我絕對推薦大家閱讀。

*編按:Mozilla Persona 為 Mozilla 實作 BrowserID 認證技術的平台。

為什麼要 Firefox OS

你可能在想:「這聽起來不錯,可為什麼要用 JavaScript 來開發一隻手機呢?」你是對的,這是個非常重要的問題。幸運的是,除了「有機會讓讓網路開發者腿軟」以外,我們還有許多理由來解釋為什麼這個主意還不錯。

兩個主要的原因:Firefox OS 填補了行動市場上的空缺;它給當前的專利保護、限制性的手機環境提供了另一種選擇。

填補行動市場的空缺

對很多人來說,智慧型手機出奇地貴,哪怕是在那些被認為是高收入所得的地區,人們也不覺得便宜。但如果你認為,它們在那些擁有足夠收入,可負擔的國家會比較貴的話,以下是個反證:16GB 的 iPhone 4S 在開發中市場,例如巴西,要價相當於 615 英鎊(台幣兩萬九千元),比同樣的手機在英國的價格貴上 100 英鎊(台幣七千元)。

巴西高漲的價格主要緣自娛於額進口稅,蘋果公司顯然正透過在當地建立生產線來避免。但不管怎麼說,這都說明了一個關鍵問題:昂貴的高階裝置不是世界各地都適合的選項。更別說在某些地區你可能不會想揮舞一台價格等同於一台車的手機

如果你想要擁有一部智慧型手機,又不想支付一大筆錢該怎麼辦?你或許可以買一台便宜的 Android 手機,不過它們大多表現的很糟。

幸運的是,Firefox OS 來了……

Firefox OS 的目的不是要與高階機種競爭,它是要以功能性手機的價格,提供入門至中階的智慧型手機。

Bonnie Cha

Firefox OS 完美地填補了這個市場空缺。它在廉價、低階的硬體上,提供可以與 Android 中階硬體相媲美的智慧型手機體驗,這不是在開玩笑的。

舉例來說,目前我正用來測試 JavaScript 遊戲的 Firefox OS 裝置,價值不到台幣 2500 元(可以說是非常低階的硬體)。你可能會覺得它應該會運行得很糟糕,但實際上,同一個遊戲不但比在同一裝置的 Android 瀏覽器中(Firefox 或 Chrome)執行的更快,甚至能跟價格是它四至五倍的手機跑的一樣好。

為什麼在同樣的設備上,跟 Android 的瀏覽器相比,會有如此巨大的性能差異?這是因為 Gecko 與硬體之間沒有太多東西,意味著 JavaScript 這樣的東西可以全速執行。過去就是因為塞太多,才導致 JavaScipt 跑得那麼慢!

在如此便宜的硬體上的 JavaScript 效能表現,促使我相信 Firefox OS 將是大事的開端。

我需要特別說明 Mozilla 不一定會先發佈一個價值 2500 台幣的手機,這只是我們目前用於開發與測試的裝置之一。

提供一個開放平台的選擇

「為什麼要 Firefox OS」 的第二個理由是,它不只試圖提供一個開放的手機平台,也同時挺身而出,希望能影響那些行動市場上的大玩家,並做出改變。

Mozilla 自 1998 年從一個軟體專案開始、成為基金會及公司,使命一直都是提供開放技術,挑戰市場支配者的產品。

Steve Lohr

Mozilla 希望複製 Firefox 的成功。Firefox 席捲瀏覽器市場,告訴用戶他們可以有所選擇,成為讓用戶得以自行掌控要如何使用網路的選擇。

這一次被威脅的是行動網路,而威脅者不再是微軟,而是蘋果及 Google 這兩個主要的智慧型手機平台公司。透過原生 App、封閉平台、專屬軟體商店及反覆無常的開發者條款,Apple 與 Google 正讓網路技術變得無足輕重。

Thomas Claburn

在手機上,有一個很需要改善的地方,就是應用程式的可攜性…

手機 App 除了讓人興奮的地方外,在某些方面來看則是在退步:它們將用戶捆綁到特定的作業系統及裝置上。網路的發展則相反,網路使內容能在任何裝置上提供相近的體驗。

Mozilla,Firefox 網路瀏覽器的創造者,正打算在智慧型手機上促使同樣的事成真。

Don Clark

Firefox OS 希望利用網路天生的跨平台能力,提供一個平台,允許應用程式可以在行動裝置、桌面電腦、平板電腦,或者任何可以使用瀏覽器的地方執行。當你離開手機時,你想不想在電腦上繼續玩手機上的《憤怒鳥》遊戲?我是非常想的!

開發者的駭客夢

最後一個需要 Firefox OS 的原因是,目前我們還沒有一個可以駭的行動平台(某種程度上你可以自定 Android,但並不容易)。

因為 Firefox OS 使用 HTML、JavaScript 和 CSS 建造,代表你只要擁有基本的網頁開發技能,就可以開始來改造你的裝置體驗。你可以只改一行 CSS 就完全改變桌面上的圖式外觀,又或者重寫一些處理電話撥號功能的核心 JS 程式。

這是一個真正為開發者打造的平台,我非常期待想知道大家能把它帶到哪兒。

絕佳時機

在 Mozilla 的這一年半中,我一直覺得自己非常幸運,能在 Firefox OS 專案的起頭就加入。如果我沒有記錯的話,那是在我剛開始這份工作的前幾週內部公開(當時叫 Boot to Gecko)。

從當時事情就讓人非常興奮,隨著時間發展,現在變得更加有意思了。Firefox OS 可以說是我第一個接觸的工作,我真的很愛它,也非常榮幸能成為其中一份子。

我經常在想,Firefox 最初發佈時,在 Mozilla 工作的人是不是也有這樣的感受:興奮、熱情、緊張,然後又無法解釋它有多麼驚人、人們為什麼應該關注它。

老實說,我不認為很多人能真正明白 Firefox OS 將帶來的變化,及為什麼它真的重要,直到它發佈的那一刻。就有點像 Firefox 吧,我想。

至於現在,我非常高興自己在它生命中一個非常有意義的時間點加入 Mozilla。

心靈衝擊

目前能理解它的,是那些那些跟著摩茲人(Mozillians)一同參與活動,能親手操作到展示設備的人。對我來說最享受的,就是看著他們把玩手機時,情緒上所經歷的不同變化……

  1. 剛開始總是很迷惘——一種「你給我個 Android 手機搞什麼」的表情。

  2. 突然地意識到這不是 Android,這是使用 JavaScript 開發的。

  3. 不一會兒就是興奮感開始,喊出「媽呀」這樣的心靈衝擊時刻。

  4. 再久一點,他們會開始非常專注的摸索設備的各方面,並且問出許多問題。

  5. 最後當我要求取回設備時,他們多少有些不太情願:「這一點也不差,讓我印象深刻!」

你可能覺得我過於誇大,讓事情看起來更加美好與驚人,但我只是真實地描繪許多人在我展示時的反應,真的很有趣。

看見越多人試玩 Firefox OS 裝置,我越確信這是一個能真正改變賽局的專案。它看起來就是要衝擊你的心靈的,根本不需要我多加解釋。

許多挑戰

如果光談 Firefox OS 的好及我的工作內容,而不聊一些我們需要面對的挑戰,那就顯得不太公平了。

一方面,我們有很多的一般性問題,例如:如何管理一個開放且無限制的 App 生態系統;又或者可能出現,類似 Android 的設備分化(Device fragmentation)問題。這些都是重要的問題,不過對我來說沒什麼興趣。

我最感興趣的,是行動裝置上 HTML5 遊戲面臨的挑戰:可預見及現行開發者經常抱怨的是性能問題。這並非 Firefox OS 特有的問題(在 Android 與 iOS 也一樣糟),不過我目前主要關注在 Firefox OS 上我們要怎麼改進它。

照目前的狀況來看,大部分現行的 HTML5 手機遊戲,要嘛跑得很糟糕(0-20FPS),要嘛跑得恰恰好(20-30FPS)。且大部分狀況下遊戲不會在穩定的更新頻率上運行,導致遊戲體驗不是非常好。

有趣的是,大部分的問題似乎與裝置或 JavaScript 的極限無關。有些非休閒遊戲,比如 Biolab Disaster,即便在我所測試的 50 英磅低端機上,也能跑得非常不錯,我說的是達到 40 至 60 FPS。

對我來說這就很清楚,雖然某些時候應該指責設備與平台,但我們也可以從那些低端機上表現不錯的遊戲中,學習它們使用的技術,並思考如何更好地傳達給其他打算在手機上使用 HTML5 的開發者們。

我真心相信,即使是硬派的 HTML5 遊戲,也可以在手機上執行得很好,哪怕是低階設備。為什麼我如此自信?因為人們目前已經在製作這些遊戲了。有兩樣東西是我一生中最信任的……親身體驗及親眼所見。

我們會抵達那兒的。

超越行動電話

Firefox OS 讓我最激動的,其實與我們明年即將發佈的手機無關,而是在於它所掌握的未來。在談到 Firefox OS 如何成就一個駭客夢時我曾觸及:其他人能怎樣運用它、讓其超越 Mozilla 所能預見。

好消息是現在就已經發生了。我們已經有 Firefox OS 的 Raspberry Pi 移植版以及一個 Pandaboard 移植版。它們還不完美,但最棒的是,這甚至是在 Firefox OS 的正式釋出前就開始了。

你也可以在 Mac、Windows 和 Linux 上運行 Firefox OS 的桌面用戶端程式。雖然無法給你跟手機上一樣的硬體存取能力,但桌面端程式允許你試用一些這個作業系統的特性(例如獨立的應用程式執行緒),而且設置起來很簡單。

我甚至可以想像不久後,當 Gamepad API 進入 Gecko,同時可以通過 Firefox OS 桌面端存取時。這有什麼酷的呢?不難想像我們可以看到 Firefox OS 桌面端執行在連接電視的裝置上,然後透過特製的作業系統,使用遊戲手把來替代滑鼠與觸控操作(要記住這全都是 JavaScript)。

你將擁有的是一個 HTML5 遊戲主機,實際上,這也是我在 Mozilla 之外的業餘時間正在積極探索的。

我的看法是,我們已經到了可以使用製作網站相同的技術,驅動驅動硬體裝置的一刻。在一個滿是這些技術驅動的裝置、全都可以通過相同 API 來存取與交流的世界中,我們能夠做到什麼呢?

我真是太迫切的想要看看這樣的世界會是什麼樣子的!

原文 / There is something magical about Firefox OS | Rawkes
作者 / Rob Hawkes
翻譯 / 本文簡體中文版 Firefox OS 有其神奇之处陈三翻譯
   繁體中文版由Irvin編譯自簡體中文版

2012年8月31日

摩茲動手做(三)貢獻 MDN 的第一步

這是來自於 Jérémie Patonnier 的客座稿件,原文以法文撰寫。

兩年來,Jérémie Patonnier 一直是個活躍的 MDN 貢獻者,他組織了 Mozilla 巴黎辦公室每週三晚上的 doc sprints,在活動中,人們問了許多 MDN 相關的問題,以下是一些最常被提及的部份,希望它們可以幫助您瞭解如何貢獻 MDN。

什麼是MDN?

拜託,先別笑,您並不知道這問題我聽過多少次了。

直接了當的說,MDN 就是 Mozilla 開發者社群(Mozilla Developer Network),它是一個集中了幾乎所有 Mozilla 產品文件的網站,基本上這個網站提供三種資源:

  • 關於如何使用網路技術的文章及外部資源連結。
  • 現代瀏覽器中最新的網路技術展示(這些 DEMO 來自於 John Karahalis 組織的每月 Dev Derby 競賽)。
  • 關於 Mozilla 產品(API、元件、屬性、內容)及更重要的開放網路技術(HTMLCSSJavaScriptSVGWebGL ……等)的參考文件。

最後一項的開放網路文件,從質與量上皆是最重要,也是 Mozills 目前投注最多心力的部份;此外這些文件是不限定瀏覽器的,內容包含跨瀏覽器的相容性表格及應用提示,不只是 Firefox 而已。

即便這些文件可說是網路上目前最好的資料,但它離完成還很遙遠。非常歡迎各位來補完所有的缺陷 ;)

參與貢獻困難嗎?

一點也不,相反地這意外的超級簡單,我甚至覺得這是貢獻 Mozilla 最簡單的方式。(不需要去面對Bugzilla :-P)

實際上,貢獻 MDN 您只需要兩樣東西:

  1. 貢獻的意願
  2. 一個 MDN 的帳號

就這樣而已。

最困難的部份就是去找到右上角的「登入」按鈕,落在醜醜的白色 Mozilla 分頁鈕旁,是的——不算什麼最好的位置。一旦您點擊它之後,會跳出一個輸入電子郵件與密碼的提示框(MDN 使用 Mozilla Persona/BrowserID 帳號系統),登入完成到下一頁後,您只需要提供一個「使用者名稱」來辨識您在 MDN 的貢獻,然後——登愣!您已準備好開始了。

做出貢獻一樣非常地簡單。基本上 MDN 有八成是一個 Wiki 系統,所以在 wiki 的每個頁面都可以看到一個「編輯」按鈕(在右上角)。點擊就可以將頁面載入一個所見即所得的編輯器中(如果您是硬派玩家也別擔心,還是可以切換到純 HTML 編輯器)。作出所有您想要的改變,並點擊在右上角的儲存按鈕來儲存。

恭喜!您已經踏出了貢獻 MDN 及 Mozilla 的第一步:當中沒有愚蠢的發佈程序、沒有延宕也沒有審查(當然您可以要求,但非必須),超簡單的 :)

我可以做什麼,從哪裡開始?

簡短的回答就是「你想要的任何事情與任何地方」,但經驗此時告訴我,這並不是新手期望的答案。

基本上您可以在 MDN 上做以下兩件事:

  • 如果您是開發者的話,可以製作 DEMO 參加每個月的 Dev Derby 競賽,這還蠻酷的。
  • 如果您覺得您有一顆作家的心,您可以從文件方面下手。

對文件做出貢獻有以下幾種方式,取決於您的時間及參與的意願:

  • 寫新文章
    這是最花時間的付出,但也是對多數人最有用的。

  • 內容的在地化
    如果您對於除英文以外的語言也很熟悉,將英文文章翻譯成該語言是個好主意。世界上並非每個人都熟悉英文,而讓網路對於每個人友善是很重要的。

  • 寫程式範例
    解釋清楚很好,但有範例參考更好。通常一個好的範例,比起五段的長篇大論更容易讓事情清楚明瞭,所以撰寫程式碼範例是最實用的貢獻之一,MDN 的確需要更多。

  • 檢閱內容
    如我前面所述,在 MDN 上審查是很有限的,但貢獻者可以透過標籤系統來要求進行。這可以是文自編輯上的檢視、也可以是技術上的檢視。(在頁面上尋找 NeedsTechnicalReview 或 NeedsEditorialReview 標籤,當頁面確認沒問題後移除標簽)。如果您時間不多,這是個絕佳的貢獻機會可以幫助許多人。

  • 更新相容性表格
    MDN 的開放網路文件內容越來越跨不同瀏覽器了,為了實現這個目標,有許多的 MDN 頁面有瀏覽器相容性表格,讓使用者知道哪些 API、元件、屬性與內容是哪些瀏覽器可以使用的。這東西超級無敵實用,而且只要花五分鐘就可以加上一些相容性資料,毫無疑問這是最快最簡單對MDN做出貢獻的方式。

最後一個小提示:建置開放網路文件是個艱巨的任務,沒有人可以獨立完成。因此,專注在您個人有興趣的主題上是個好主意。如果您想要針對某個特定的領域進行,MDN 的「主題導航員」可以幫助您,請別介意聯絡他們,他們會非常高興的協助您。

另外 MDN 上有兩個蠻有幫助的介紹頁面:Getting startedTo-do list

結語

如您所見,對 MDN 做出貢獻是非常簡單的。如果您想更進一步瞭解,請在以下管道自由提出:irc.mozilla.org 的 #devmo 頻道,或是透過我們名為 dev-mdc 的郵件列表及 Google Group

而如果您想要與某人直接講話,最佳的接觸點是 Eric Shepherd(也叫 Sheppy),Janet Swisher 和 Jean-Yves Perrier (Teoli)。這三位是負責 MDN 的 Mozilla 員工,請不要害怕連絡他們,他們是召募來做這些事的 :-P

文件萬歲!

原文 / MDN First steps ✩ Mozilla Hacks
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ Mika 翻譯 - Irvin 編輯

2012年8月28日

摩茲動手做(二)用 Add-on SDK 寫簡單的 Firefox 套件

摩茲動手做系列是 Mozilla Links 中文版的特別企劃,本專題中將會有一系列如何貢獻 Mozilla 與開放網路的心得分享,歡迎大家在閱讀後按部就班,與我們一起動手實作,加入貢獻開放網路的行列!

第二集的分享者為 Browser Pairs(瀏覽器翻牌)遊戲的作者 WM,他將與大家分享如何透過 Add-on SDK 動手撰寫一個簡單的 Firefox 套件。

編按:本文著動在擴充套件本身的程式邏輯,關於可線上擴充套件開發網站 Mozilla Add-on Builder 及用來離線開發擴充套件的 Add-on SDK 使用方法,可先參考 WM 的以下兩篇文章,及本文末的介紹影片:


之前用來解說 Firefox Add-on SDK 的範例 NOWnews Onepage 雖然很有挑戰性,但用到了底層 API 好像有些太複雜了,其實 SDK 作者群也有提供簡單的範例放在 Builder,不過這次我要分享的是 SDK 開發文件在改版前的示範套件,並加上一些修改讓它實用化。

這次打算做一個直接在頁面上顯示字典查詢結果的功能。

首先在 Add-on Bar 上用 Widget 模組顯示圖示按鈕:

var widget = require("widget").Widget({
   id: "kimo",
   label: "奇摩字典",
   contentURL: data.url("kimo.ico"),
   panel: panel,
   onClick: function() {
  panel.contentURL = "http://tw.dictionary.yahoo.com/";
   }
});

指定當觸發點擊事件時,在彈出的 Panel 中載入字典首頁,而 Panel 模組的宣告則是:

var panel = require("panel").Panel({
 width: 680,
 height: 550,
 contentURL: data.url("loading.html"),
 onHide: function() {
  panel.contentURL = data.url("loading.html");
 }
});

當 Panel 隱藏時,把內容改為顯示載入中的頁面,這樣在目前的查詢結果還沒載入完成前,使用者就不會看到上一次的查詢結果。

最後一個用到的模組 Context Menu,就是最重要的文字選取後右鍵查詢選項:

var menuItem = contextMenu.Item({
 label: "奇摩字典",
 image: data.url("kimo.ico"),
 // Show this item when a selection exists.
 context: contextMenu.SelectionContext(),
 // When this item is clicked, post a message back with the selection
 contentScript: 'self.on("click", function () {' +
  '  var text = window.getSelection().toString();' +
  '  self.postMessage(text);' +
  '});' + 
  'self.on("context", function () {' +
  '  var text = window.getSelection().toString();' +
  '  if (text.length > 20)' +
  '    text = text.substr(0, 20) + "...";' +
  '  return "奇摩字典: " + text;' +
  '});',
 // When we receive a message, look up the item
 onMessage: function (item) {
  panel.contentURL = "http://tw.dictionary.yahoo.com/dictionary?p=" + item;
  panel.show();
 }
});

設定 context 為當選取文字時才顯示,並在 contentScript 中描述當有文字被選取時改變選項文字,還有選項點擊後的查詢動作。

就是這麼簡單,這樣就完成了一個實用的擴充套件!

原本還想把字典顯示頁面清理一下,但目前要對 Panel 裡面的外來頁面調樣式還挺費工的,不過可以參考之前的這篇 Yahoo!奇摩字典去廣告稍作處理。

由於是簡單的實作,未來有機會再加上自訂與新增字典種類的功能。
這次的成果原始碼一樣放在 Github,想直接安裝來試試的,也可以在附加元件裡找到:Dictionary Panel


以下是兩部 Mozilla 針對 Add-on Builder 的簡介影片及 Step-by-step 套件製作教學:


Firefox 的最大特色就是五花八門的套件,讓每個人的 Firefox 功能都很獨特。
如果您也有撰寫套件的經驗,歡迎在留言中與我們分享你的作品!

φ 原文 / WM 撰寫,Irvin 編輯

2012年8月27日

搖滾你的 Firefox:Lazarus = 你的生命救星

Lazarus 可以讓你快捷、安全地恢復丟失的 email 文本,blog 文章,評論和其他網頁表單

花些時間使用 Lazarus: Form Recovery 擴充套件,然後你會感到悲喜交加:興奮的讚嘆這東西竟然存在,接著沮喪的懊悔你居然現在才知道。

當頁面載入超時、意外的重新載入,又或者其他類似的折磨,把你史詩長度的 email、評論或者 blog 文章變成一場空時,感覺實在很無力。如果你要在不同的網頁裡填寫重複的表單、記起一大堆備份文件的命名規則,這一切都枯燥無味。

論壇管理員、內容經理、社交網路迷和線上購物狂們都經常遭遇這種令人沮喪的事,但直到 Lazarus 之前,都還沒有一個真正安全、方便管理的表單恢復程式。

安裝 Lazarus 後,你所輸入的任何東西都被儲存、排序好,並且可以即時取用。它是這樣運作的:當你在網頁表單或者評論框裡打字,然後又把它們弄丟時,這時你並沒有真正失去它們,只要在表單中右擊滑鼠,就可取回來了。

Lazarus 不僅會保存你當下鍵入的文本,還能保存你過去幾個月的表單內容(時間長度取決於你的設定值)。恢復丟失的文本,你就能重返正軌啦。

在瀏覽器右下角,點擊 Lazarus 的十字章圖示會開啟右鍵選單。在這裡你可以調整常見設置,也可以刪除不要的表單。你可以在 Lazarus 的偏好設定→安全性分頁中決定資訊要保存多久、設置表單恢復密碼、或者禁用文本搜尋(另一個強大的功能,讓你可以在沒有原始表單時搜尋並恢復丟失的內文)。

Lazarus 會將你的資訊加密,所以別人無法取用或是查看它。

Lazarus 是頁面意外重載或關閉的救星,但它也能在輸入工作中有所貢獻:在多重表單中填入相同內容(比如信用卡帳單地址)時、發送相同郵件給不同信箱時,或者如果你同時維護多個部落格或論壇的話,也可在不同頁面裡取用曾寫過的內容。

在失去之前你不會真正感到想念,有了 Lazarus 裝在你的 Firefox 裡,你就不用學到這麼痛苦的一課了。立即安裝 Lazarus: Form Recovery

原文 / Lazarus = Lifesaver ❍ Rock Your Firefox
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ 陈三 翻译 - Irvin 编辑

2012年8月26日

Firefox 小秘笈:全能網址列簡單搜尋

耶!你用 Firefox 網頁瀏覽器了!然後呢?

有很多的技巧和竅門可以幫你提升你的 Firefox 及上網體驗,最棒的是很多都來自 Firefox 社群的分享,Firefox 用戶幫助其他 Firefox 用戶們,這真是讓我們樂開懷。

這是我們最喜歡的其中一個:

你知道可以直接從智慧位址列(Awesome Bar)即網址列裡搜尋嗎?不需要打開一個新分頁或新視窗,只要鍵入搜尋詞,瞧,搜尋結果出來了!

請參照網址列搜尋的詳細資訊

原文 / Firefox Tips: Easy Awesome Bar Search | The Den | Tips on Using Firefox
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ 陈三 翻譯 - Irvin 編輯

編按:如果你發現這個訣竅很實用,可以在這裡找到更多 Firefox 秘笈。你也可以幫忙翻譯為中文分享給 Mozilla Links 的讀者,所有待譯文章都置於翻譯機動隊待譯資料夾中,您可直接打開動手翻譯。

2012年7月8日

可喜可賀可喜可樂,2012 Firefox Flicks 贏家出爐!

2012 Firefox Flicks 影片大賽的全球得獎者,日前已經在法國坎城影展上公佈囉!

受到 Mozilla 的號召,創意工作者、影片創作者以及學生們勇於協助我們,大聲說出 Mozilla Firefox 的故事。我們從全世界上千位影片創作者處收到了將近 400 部影片,以下是參展作品精選片段:

我們選出了 25 顆最閃亮的影片星星,還邀請了六部大獎作品、Mozilla 團隊成員、評審、明星以及電影產業人員參加坎城影展上舉辦的 Firefox Flicks Wrap Party。


Mozilla 的 CEO - Gary Kovacs,站在一旁的是 Couper Samuelson、Edward Norton 和 Shauna Robertson。

2012 Firefox Flicks 得獎者、Gary Kovacs 以及名人評審。

得獎影片以及得獎人如下,請和我們一同祝賀他們!
(欲瀏覽完整的得獎名單以及參加者,請造訪 Firefox Flicks

Be a Hero
Bogata, Columbia — Andres Felipe Mesa Rincon

Fenwick & Candy
Balmain, Australia — Gavin Fenwick Christensen, Candice Thom

I’m Falling in Love with Firefox
Cheongju-si, South Korea — Lee Sang Woo

Paranoid
London, UK – Sean O’Riordan, Remy Bazerque, Andrew Alderslade, Eleonore Cremonese

Squares
Toronto, Canada – Eric Perella, Andre Arevalo, Mark Galloway

Where the Weird Things Are Not
Alarzia, Spain –– Ferran Brooks and Ivan Cordero Raiminguez

我們正與得獎者一起合作,讓這些作品在我們的全球行銷活動當中大放異彩。

相關文章:
Firefox Flicks 台灣參賽作品分享 | Mozilla Taiwan


原文 / Congratulations 2012 Firefox Flicks Winners! | The Mozilla Blog
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ Toby 翻譯 - Irvin 編輯

2012年6月26日

全新 Android 版 Firefox — 更快更強大的行動體驗

Mozilla 發佈全新 Android 版 Firefox,提供更快更強大的行動瀏覽體驗

作為網際網路先鋒,Mozilla 全面提昇了桌面端的網路體驗,現在我們要在行動裝置上再次重現!我們很高興的宣佈,全新 Android 版 Firefox 瀏覽器已於 Google Play 商店公開,請您即刻下載。經過全面更新的 Android 版 Firefox 既輕巧又靈活,讓您更快、更簡單的到達任何想去的地方。

速度飛快

我們重新設計了 Android 版 Firefox,速度變得驚人地快,可以更加地個人化,讓您把專屬的網路體驗隨身帶著走。我們大幅增進了 Android 版 Firefox 啟動、頁面載入、移動及縮放頁面的速度,您將會感覺到明顯的效能提昇,也改善了網頁應用程式的效能,您甚至可以和朋友一起在手機上玩 Mozilla 的 BrowserQuest 多人線上遊戲

根據業界的指標性效能評比,諸如 Sunspider 的測試結果,Android 版本的 Firefox 效能比起內建的瀏覽器快上許多。此外,我們也開發了名為 Eideticker 的測試工具,測量使用者的實際網路瀏覽狀態,Android 版 Firefox 在此測試當中得到超越內建瀏覽器兩倍的成績。

行動瀏覽再提昇

Android 版 Firefox 擁有全新的流線型介面及個人化的開始頁面,可以節省您的時間,更快到達您想去的網站。融入 Firefox Sync 同步功能的全新智慧畫面,可以把您電腦中的瀏覽紀錄、書籤、密碼,以及表單資料同步至 Android 手機。我們也針對您最愛的功能,例如分頁瀏覽、Firefox 同步、以及附加元件做了最佳化,提供您更好的行動瀏覽體驗。

Android 版 Firefox 支援 Flash,您可以在瀏覽器中觀賞您喜愛的影片、玩遊戲,並與更豐富的網頁進行互動。

Android 版 Firefox 與桌上型電腦使用相同的開放技術,在瀏覽行動網頁時, 提供您更高等級的隱私及安全防護。Firefox 尊重您的個人隱私,並透過諸如別追蹤我(Do Not Track)、主控密碼、HTTP 強制安全傳輸技術(HSTS, HTTP Strict Transport Security)等各項安全功能來保護您的隱私。

全面邁向網路平台

Android 版 Firefox 支援更多 HTML5 功能,讓開發者能使用 HTML5、JavaScript、CSS,及其他開放網路標準為基礎製作網頁、開發網頁應用程式。作為網頁技術的提倡者,Mozilla 設計了全新的 Web API 並提交至標準化組織,致力於讓網頁全面進化成威力無窮的網路平台。Mozilla 已協助制定了攝影(Camera API)、震動(Vibration API)、行動連線(Mobile Connection API)、電力狀態(Battery Status API)、螢幕方位(Screen Orientation API)及地理資訊(Geolocation API)等標準 API。

您可以在電腦與行動裝置上試玩 Mozilla 的 HTML5 BrowserQuest 多人線上角色扮演遊戲,體驗網頁的速度可以多快、多好玩,威力多強大。

立即至 Google Play 下載 Android 版 Firefox

若您需要更多資訊,請參考:

編按:目前 Google Play 商店上的 Firefox 尚未包含中文語系,您可以 在此直接下載 Firefox 14 中文版安裝檔

2012年6月15日

Firefox 工具列按鈕更平面了

編按:近來 Mozilla 將 Firefox 桌面版與行動版的使用者經驗團隊合而為一,今年四月該團隊提出了各平台上的全新 Australis 主題,本文即是在 Windows 上的一小部份成果。如果大家想要嚐鮮,可以下載設計團隊測試用的 Nightly-UX Channel 的 Firefox 試試。

最近 Firefox 的佈景主題 Austrails 大幅更新,這次的更新裡,所有的工具列按鈕都採用平面視覺設計,只有在滑鼠移過時才會出現立體邊框。

這樣的設計讓 Firefox 回到了 Firefox 1 至 3.6 版時所採用的平面按鈕,下面是 Firefox 1 的截圖:

原文 / Firefox goes back to flat toolbar buttons • Mozilla Links
授權 / 創用CC: BY-NC-SA 2.5 授權

φ Calvin 翻譯 - Irvin 編輯

2012年6月13日

六個 Firefox 調校機器人平板的絕招

編按:全新打造的 Native UI 版本 Firefox Android 目前已在 Beta 階段,即將於近日推出,將帶來極速體驗與全新的 Australis UI 佈景主題,請各位拭目以待(或者下載 Beta 版立即嚐鮮!)。

讓我們來談談平板吧。因為現在大家都很關心這東西,平板東平版西的,但是當最新的 Android 版 Firefox 狐加入這領域後,我們覺得這個話題將變得更加吸引人!

最新的 Android 版 Firefox(您可以直接到此下載)以您使用平板的直覺方式操作,以下是一些 Firefox 令 Android 平板瀏覽經驗更佳的理由:

  1. 優秀的平板分頁! 您已在桌機上使用分頁,何不也在平版上試試?在過去平板上的分頁實在有點笨拙,但它再也不會了!分頁外觀現在更加的流線,是像在平板左邊工具列的頁面縮圖,所以您可以使用拇指輕易的切換頁面(一如平板的手持方式),另外如果您想要隱藏分頁使用全螢幕,只要將它向左滑過,它就會如變魔術般消失不見!

  2. 針對雙手瀏覽的改造 根據您的需求,平板會有不同的手持方式。對某些人來說,就是習慣在某個方向下使用。最新的 Android 版 Firefox 無論您選擇何種方向,皆以最大化畫面瀏覽。在直立模式下,分頁列會在上方,橫式時則在側面。

  3. 客制自己的經驗 Firefox 是專為您打造的。您可以使用新的行動列(Action Bar,就在全能網址列旁)存取您的偏好設定、附加元件、下載項目以及其它令 Android 瀏覽環境更專屬於您的一切!您也可以增加或隱藏上一頁、下一頁及書籤等按鈕,以便於使用。

  4. 單擊式書籤更為易用 你可以從行動列(Action Bar)中設置單擊式書籤,接著您最喜歡的網站或網頁程式的圖示就會出現在 Android 首頁,讓他們如同原生應用程式一般容易存取。

  5. 您桌機的東西將跟隨您到天涯海角 因為我們知道有時在移動裝置上打字很痛苦,所以我們將您的瀏覽紀錄、分頁、書籤與記憶的表格及密碼等資料透過 Firefox Sync 同步到您的所有裝置上。減少打字、增加瀏覽,這正是平板之樂的祕密。

  6. 開發者很酷的新功能 對於開發者來說新的 Android 版 Firefox 狐實在有太多太多很酷的新東西,在一篇部落格文章中實在說不完,但您可以到開發者資訊頁面去看看全部關於平板的新玩意。

平板的使用者終於有理由可以好好享受上網了,至於那些還沒有平板的使用者呢?我們覺得這些理由或許已經讓他們衝出門去買台 Android 平板!

如果想要了解更多資訊,請參考以下影片。

原文 / 6 Ways Firefox Makes Tablet Browsing More Awesome | The Den
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ Mika 翻譯 - Irvin 編輯

Mozilla Webmaker 未來世代計畫

編按:本篇由 Orinx 為我們介紹今年 Mozilla 的發展重點之一 Mozilla Webmaker 計畫,暑假 MozTW 也將舉辦 Summer of Code 相關活動,敬請密切注意!(如有朋友有興趣參加籌劃,請留言或寄信、貼文到摩茲將軍郵件群組

概述 Mozilla Webmaker

Mozilla Webmaker 有一個中心概念是大家已經從讀網頁進到用網頁,接下來該是寫網頁了,就像我們每個人都能提筆寫字一樣、也應該有能力在 Web 上留下我們的足跡,而方法就是以簡便的工作開始學習一點寫網頁的方法。

Mozilla Webmaker 的三元素

工具、專案以及社群是 Mozilla Webmaker的三個基本元素

  • 工具:一些能夠改變網路的工具,像是使用 Popcorn 來壓製一些有趣的影片或是以 Hackasaurus 來修改或是製作你自己的網頁。

  • 專案:一些實用的專案,宗旨是希望能幫助各種人來做出驚人的網頁。例如說製作一個食譜網頁、修改噗浪的自訂佈景或是部落格佈景,或是製作一個驚人的網頁應用程式來改變這個世界!

  • 社群:讓不同技術背景的人待在一起。學生、新聞記者、音樂製作者或是美術家,讓大家一起學習;這樣,也許會有什麼驚人的點子出現!

Summer Code Party !

Mozilla Webmaker 下面有一個計畫叫做 Summer Code Party ,希望能夠在暑假的時候辦一些活動,以達成 Mozilla Webmaker 的目標。

Summer Code Party 活動的形式

傳說中斯斯有三種, Summer Code Party 也有三種 Kitchen TableHack JamPop Up 。究竟哪一款會比較適合自己呢,本篇文章將會有比較詳細的介紹。如果你有興趣的話也可以看看這本由官方撰寫的 導覽手冊

Kitchen Table

是時候展現您的廚藝了,喔不,我想應該是時候召集朋友們一同來學習如何製作網頁囉!您可以找 1 ~ 5 個朋友一同來學習如何製作網頁,在這個計畫內建議花費的時間大概是 15 分鐘到 1 個小時。在這個計畫內希望你能導覽一些基本的網頁製作工具,來帶領你的朋友重新認識網頁,並且製作一些有趣的小作品!

Hack Jam

這是一個比較有趣的活動,目的是做出一些有趣的網站來實現自己的想法。該活動建議的人數是 10 ~ 50 個夥伴,並且在學校、辦公室或是一些開放的空間來舉行!在活動的一開始,你需要定義一些有趣的方向讓大家來挑戰。然後讓大家來進行分組,切記儘量將領域相同的人拆散以達到多元化的目的。在最後每一組應該要做出一些最基本可用的雛型來展現自己的創意與構想,並且與其他組別分享自己組別所做出來的網站。

Pop Up

舉辦一個學習製作網頁的派對!建議由三個以上的組織共同合辦,大約耗費半天的時間,地點最好是一些開放的空間(例如說提供包店的咖啡廳或是公司提供的開放空間)。每個組織都應該有一個小攤位,教導來參加派對的人如何在網路上留下一些足跡。

最後

雖然我還沒有上面這三種活動型態都辦過,但是如果有什麼問題的話還是老話一句,歡迎大家多多利用回應來發問喔。最後感謝 BobChao 和 Irvin 幫我為這篇文章 debug :P

撰文:Orinx

2012年5月26日

輕快跳躍!Firefox 13 的效能最佳化

2011 年秋天我們開始針對 Firefox 的回應速度進行深入調查,並規劃了一些短期計畫,目標是在日常的使用上也可以顯著感覺到 Firefox 的速度提昇。年底我們正式啟動改善回應速度的 Snappy 計畫。

雖然 Snappy 在 Firefox 11 時初次加入相關更新,不過最重要的效能改善成果,將會在 Firefox 13 中大展身手(目前在 beta 頻道)。Firefox 13 包含不少的相關修正,最明顯的部份在分頁隨選載入、週期性記憶體回收以及程式啟動最佳化上。

分頁隨選載入(Tabs-on-Demand)

分頁隨選載入的目標是提昇含大量分頁的 Firefox 啟動速度。在 Firefox 12 之前,分頁會在啟動時載入,若你先前保存了許多的分頁,你必須等分頁載入完成之後,才能開始與視窗元件進行互動。透過 Firefox 13 的隨選載入分頁功能,只有前景分頁會在開啟時載入,其他的分頁將於選取時才進行載入。透過這樣的機制,Firefox 便可以更快速的啟動,同時降低對於網路、記憶體、處理器的消耗。

週期性記憶體回收(Cycle Collector)

在你在與瀏覽器及網頁內容互動時,記憶體會在需要時動態分配,同時 Firefox 的週期性記憶體回收器 Cycle Collector 會自動的釋出不再需要的記憶體,有效的降低記憶體使用量。在 Firefox 13 中,Cycle Collector 更有效率,花費較少的時間檢驗記憶體是否需要,最終可以降低 Firefox 的遲鈍感。

啟動時間最佳化

Firefox 的啟動時間直接影響所有使用者。我們從啟動時間的檢測中發現,部份未被最佳化的元件,在「首次渲染」(first paint)前就開始執行了。「首次渲染時間」代表 Firefox 的使用者介面出現於螢幕上所需之時間。在 Firefox 13 中我們最佳化了許多元件,例如檔案呼叫、音效協定、拖曳與整體 IO……等程式。我們還在持續測試 Firefox 的啟動程序,以便在未來可以進一步最佳化。

除此之外,Firefox 13 中的 Snappy 還包含了許多的修正與最佳化,例如 IO 資源競爭、字體渲染、即時書籤更新等。所有修正都是為了提供更高速的使用體驗。我們也正持續針對 Firefox 的回應性進行修正,像是記憶體使用、關閉時間、網路快取與連線、選單與圖形……等都會在未來的更新中陸續完成。

原文 / Getting snappy – performance optimizations in Firefox 13 ✩ Mozilla Hacks
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ sntc06 翻譯 - Irvin 編輯

2012年5月24日

Firefox 將迎來全新佈景主題與更高性能

Mozilla 於三月底釋出 Firefox 2012 發展策略與路線,闡述今年將帶來的主要新功能與變化。

可以看到,路線規劃的列表相當地長,暗示著今年對 Firefox 的開發及用戶來說都會是重要的一年。

Australis 佈景主題更新計畫將包含所有正式支援的平台(Windows、Mac OS X、Linux 與 Android),可以從下方設計圖稿看出,新的介面更加乾淨,在不同平台上外觀也更為一致。


新的用戶介面中也將包含已經預告很久的下載面板,允許你從主要用戶介面中監看下載進度。該功能現在正在緊湊開發中,我嘗試了一個實驗版本,除了一些小 bugs 外,大致如同下方截圖所示。

當然,另一個用戶界面上的大變化將會發生在 Windows 8 的新 Metro UI 上,可望在今年稍後實現。Firefox 的 UI 調整具體會包含什麽,目前還沒有明確的計劃說明。希望這次會快一點,不會像工具列的下載狀態或 Windows 7 的 jumplists 開發的這麼久。

Firefox 的 Home 分頁將是一個新的起始點,包括了 Mozilla 將推出的軟體市集、常用網站、搜尋、甚至聊天面板,希望能成為你的網路中樞。

除了錯誤主控台、網頁主控台、檢測與樣式編輯器(已在 Firefox 11 中引入),網路時間軸面板與 JavaScript 除錯器也將進入網頁開發者選單中。

另外還有許多提升 Firefox 性能的東西:

  • 改進 Firefox 的記憶體回收與垃圾收集器,能顯著降低 Firefox 的延遲狀況。
  • IonMonkey,新的 JavaScript JIT 編譯器。
  • 一個 Firefox 服務會更正某些不正確的 Windows 最佳化,讓 Firefox 更快啟動。
  • 用戶將可以取得數據,了解到哪些套件正在拖慢速度。
  • 重構瀏覽狀態回復功能,改進其速度。

由於附加元件部門與其他的一些重要改進,Firefox 的可用性也將有所提高:

  • 點擊以啟動外掛程式:隨著越來越多的 Flash 廣告出現,這個功能來得再及時不過。類似 Flashblock 套件,簡單來說你需要點影片來允許它們運行。
  • Flash 等流行外掛程式的無縫安裝。
  • 內建 pdf.js 提供的 PDF 閱讀功能(目前已有擴充套件),讓你向一個外掛程式說不見。
  • 使用 twitter、Facebook 與 Gmail 分享連結。如同 Firefox Share 這個一年左右的 Mozilla 實驗室項目。這項功能早就該實現了,希望其架構能夠讓人簡單的增加第三方服務。(Pinterest、Diaspora、還有什麼?)
  • 登入 Firefox,將允許用戶登入 Firefox 並取得個人的網路數據。(包括密碼、表單及同步狀態等)
  • 網路安裝程式,可減少下載時間,具備更好的安裝過程說明。隨著 Firefox 安裝程式的檔案大小增加,這或許可以改善那些較慢網路的用戶體驗。
  • 閱讀模式,將會移除側邊欄、網頁標題及其他相關內容,以專注在網頁的主要內文上,類似 Readability 套件。(HTML5 將大大的有益於此應用,因此網站開發者快導入吧!)
  • 整合翻譯功能,Chrome 已經有這項功能,不過我希望 Firefox 的實作不會跟它一樣。我在 Chrome 上曾試過,很煩。

更多的功能與更新還在醞釀中。想知道它們,倒一杯咖啡或汽水,再看看 Firefox 2012 發展策略與路線吧。

原文 / New theme, top performance, coming to Firefox this year • Mozilla Links
授權 / 創用 CC 姓名標示-非商業性-相同方式分享-2.5

φ 陳三 翻譯 - Irvin 編輯

2012年5月19日

即將來到 Firefox 的新 JS 除錯器

Firefox 正在它的開發者工具箱中加入一個新的 JavaScript 除錯器,除了能夠暫停或繼續運行 JavaScript 程式碼以外,還有對程式設計人員來說非常重要的觀察變數功能。

許多重要的除錯器組件自 Firefox 8 開始陸續加入程式碼中,而幾週前使用者介面組件也開始併入,開始讓它實用化。如同 Panagiotis Astithas 在相關文章中所警示,它還不算完全準備好在日常生活中使用,但已經可以運作。以下影片中可以看出它如何作用:

如你所見,目前大部份的動作是以指令完成的,但這個除錯器已經可以運作的。若依照開發者工具計畫進行,這個除錯器將在今年第三季正式釋出。

原文 / New JavaScript Debugger coming to Firefox • Mozilla Links 授權 / 創用CC 姓名標示-非商業性-相同方式分享-2.5

φ Mika 翻譯 - Irvin 編輯

2012年5月17日

Mozilla 將在行動裝置上支援 H.264

Mozilla 的 CTO Brendan Eich 日前在他的個人部落格上宣佈一個艱難的決定在行動版的 Firefox 上將開始支援 H.264 影片格式。

這麼做的理由很明顯:Mozilla 與 Opera 在這場爭戰,似乎處於孤獨的一方(且 Opera 已在移動平台上透過作業系統的解碼器支援 H.264),而最終的結果是,我們無法提供移動平台使用者最佳的體驗:由於尚未有廣泛的硬體加速支援,WebM 與 Theora 目前都比較耗電。倘若有更多的主流瀏覽器與內容提供者加入的話,原本應該會有的。

一年前 Google 曾宣佈將在 Chrome 上放棄 H.264,轉向兩年前收購並開放的格式 WebM,但實際上未如此發展。最主要的網路影片來源 Youtube,將 HTML5 播放選項藏在難以發現的地方,而且只涵蓋約三分之一的影片,而非如 Google 先前宣稱的百分之百。

考量到 Google 與 Apple 在行動裝置上越來越火熱的競爭,Google 不太可能會實踐這個將為蘋果帶來影片體驗上明顯優勢的承諾了。所以我們目前進行中的工作,就是加上 HTML5 影音元件的硬體加速支援。首先會在 Mozilla 的網路作業系統 Boot2Gecko 這個專案上提供,Android 平台則會在隨後幾週內跟上。

至於桌面平台會如何發展,目前尚未明朗。雖然 Windows 7 與 Mac OS X 上已有適當的解碼器,但 Linux 和 Windows XP 就是另外一回事了。它們在處理 H.264 影片上,雖然有大量且多樣的選擇,但是從網路開發者的角度來說難以確保穩定,所以 Mozilla 或許會附上一個 H.264 解碼器。

Mozilla 基金會主席 Mitchell Baker 在另一篇文章中表示:「我們曾拒絕一個可以增強使用者體驗的技術,希望如此能為使用者帶來更多的自主權。沒什麼人會採用這樣的策略,但我們還是做了」,「我們嘗試為網路帶來一個開放的編碼格式,卻在移動設備上走入死胡同,但我們並未放棄。我們不會因為有時結果不符 Mozilla 的價值而氣餒。在這個僵局上,我們終將會找到解決的方法。」

原文 / Mozilla to support H.264 on mobile • Mozilla Links
授權 / 創用CC 姓名標示-非商業性-相同方式分享-2.5

φ Mika 翻譯 - Irvin 編輯

2012年5月15日

Collusion 偵探社幫你查明尾行者是誰

各大網站在我們上網時跟蹤我們,已然成為個人穩私的巨大威脅。Mozilla 認為這是重大問題,而我們也對此採取行動,例如以圖象化系統表現網站隱私條款,及我們去年推行的 Do Not Track 拒絕追蹤,用以明確告知網站「我不要被追蹤」,也已讓其它瀏覽器起而效尤。

二月底時,Mozilla 的執行長 Gary Kovacs 在 TED 演講「Tracking the trackers」,述說網路追蹤的問題,並展示我們在隱私保護上的最新作為:Collusion 套件。

Collusion 能以圖像方式,展示你瀏覽的網站如何與它人分享資訊。安裝之後,當你瀏覽越多網站,圖象裡就會出現越多節點,具體呈現瀏覽資料在網站之間的流通關係。你還可以把資料輸出為 JSON 格式,進行進一步分析。

安裝後不需重啟 Firefox,立即到 Mozilla 套件中心安裝 Collusion真相只有一個,讓我們告訴你,後方鬼鬼祟祟跟蹤者的幕後藏鏡人是誰!

原 文 / Mozilla’s Collusion tells who’s tracking you • Mozilla Links
授權 / 創用CC 姓名標示-非商業性-相同方式分享-2.5

φ MozLinks 翻譯機動隊成員 & Irvin 編譯

2012年5月8日

大地之神 Gaia 降臨 Mozilla B2G 計畫

三月時我們曾有一篇 Boot to Gecko 的相關報導,討論了網路即是平台的概念。今天我們會把焦點放在 Boot to Gecko(更新:正式命名為 Firefox OS)的使用者介面 Gaia 上。

以 Boot to Gecko 為核心

首先,Boot to Gecko 是包含許多 API 的底層系統,在其上可以搭配任何你想要的介面。Telefonica 已經開發了一個,而 Mozilla 則打造出 Gaia。如此架構讓 B2G 成為一個相當強大且多元的解決方案,我們更期待能看到更多創新的作品!

來看看 Gaia 吧

二月底時,Boot to Gecko 的首席設計師 Josh Carpenter 發表了一些 Gaia 的圖片,而且這些截圖都是真正執行中的 Gaia!以下有一些範例:

Josh 也提到:

手機的性能和靈敏度是優秀使用者體驗的關鍵。即時的碰觸輸入需要裝置上相等快速的回饋。我們都不像以前那麼有耐心。Boot to Gecko 把輸入回饋效能視為計畫的基本要求,也使得我們工程師已經達到令人印象深刻的成果。在基本的硬體上,我們可以看到具更短的開機時間、硬體加速的 CSS 動畫、加上透明圖層還能順暢的播放影片、即時的回應……等等。我們絕對能大幅強化以網頁為基礎的使用者介面創作。

全是 HTML5、CSS 和 JavaScript

相當有意思的是,GAIA 完全透過 HTML5 、CSS 及 JavaScript 開發。你還可以直接在行動裝置或是瀏覽器上檢視原始碼及除錯。

這意味著自行調整專屬的使用者經驗是可行的。這是你的裝置,你該得到你想要的體驗!

Gaia 完全開放!

最美好的是 Gaia 以完全開放的形式開發!所有的原始碼都在 GitHub 上,你可以點選連結過去試看看、或是立即動手幫忙。記住了嗎?這全是 HTML5、CSS 及 JavaScript,請在這個令人興奮的全新環境中一展長才吧!

原文/Gaia, Mozilla’s user interface for Boot to Gecko – all web technologies ✩ Mozilla Hacks
授權/創用 CC 姓名標示─相同方式分享 3.0

φ Parker 翻譯 - Irvin 編輯