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 Table 、 Hack Jam 、 Pop 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 編輯