訂閱

上次更新

October 24, 2014 06:00 AM

所有時間皆為協調世界時(UTC)。

Powered By

Planet

摩茲星球 | MozTW Planet

這邊是工作人員碎碎念的地方,您可獲得最新出爐的資訊以及最不成形的想法 :P

October 23, 2014

Othree

Resource Hints

Resource Hints 是最近剛公開的一個 W3C Working Draft,目前看作者都是 Google 的人,Resource Hints 是依附在 <link> 標籤或是 header 下的,用來告訴瀏覽器有哪些資源可以先讀好的一個慣例語法,犯例如下:

<link rel="preconnect" href="//example.com">
<link rel="preconnect" href="//cdn.example.com">
<link rel="preload" href="/assets/font.woff" as="font" loadpolicy="next">
<link rel="preload" href="/assets/logo.webp" as="image" loadpolicy="next inert">

可以發現有兩種 hint,分別是 preconnectpreload,當然就照字面上的意思就可以理解了,preconnect 就是先建立好連線,像是 HTTPS 連線就需要先做 handshake 交換好加解密用的 key,影響比較直接,preload 當然就是先把特定的檔案拉下來,而且還可以指定要不要先做處理,像是 decode jpg 圖檔之類的動作可以推遲到真的需要圖片時才做。

目前看起來是不適合大量的檔案,應該還是要用來指派較關鍵的一些檔案,像是主要背景、大圖、字形之類的,而且因為可以根據設定 block onload event,拿來讀字形似乎可以避免 FOUT 的狀況,感覺是個看似簡單,但是功能其實還蠻多的新東西。

October 23, 2014 06:18 AM

October 22, 2014

MozLinks-zh

2014 Webmaker 社群發展

這篇文章檢視了 Mozilla Webmaker 社群的原則,以及我們在 2014 年推動社群的主要努力方向

一起型塑出以下成果希望來年能有更多更多人一起加入,讓 Mozilla 的使命能散佈與擴大到更多地方。

以下是 Chris Lawrence 跟我暱稱作「後設敘事」的草稿。這篇稿子試圖描述一些我們 2014 年預計要做的事情,以及為什麼要做這些事。非常歡迎大家提供各種想法與建議!

MozFest

我們的原則

我們相信,讓人們能透過開放平台進行協作,對個人的成長與眾人的未來是很重要的。

Webmaker 社群團隊承諾會基於 Mozilla 使命,建立一個符合以下敘述的網際網路:

  • 易於了解:它是透明的-我們可以關注它、認識它。
  • 協同工作:它提供一個可以輕鬆玩及創新的機會。
  • 屬於眾人:它對所有人公開,由我們自己去定義它。

我們可以藉由 Connected Learning principles 來引導我們,它主張學習該是:

  • 以生產力為中心:透過實際動手操作,將會擁有更深入的學習。
  • 開放地連結起來:不管在學校、家庭還是社群都可以使用。
  • 互相分享目標:利用網路的力量,讓有志同道合的人一起合作。

將這些原則編織在一起後,我們的目標是:

  • 塑造充滿創意、創新以及合作的環境
  • 建立產品、專案、實作練習,讓更多的人藉由動手做而學習。
  • 茁壯社群,使之能參與並致力其中。
  • 開放的教與學,給人一項生活中可以實際用上的工具。

為什麼要有 Web 素養?

我們已經有很多透過 Web 所得,不論是數位或類比的經驗。網路讓我們更完整地看待世界、並與其他人互動。不論是無意識或是過度地,網路都正在建構著我們,而同時我們也正塑造它

教與學無法自外於這個轉變;通常人們害怕的心態會多於被賦予能力的感覺。到底我們要怎樣,才能夠讓人更加能夠學習關於網路的五四三呢?

我們相信,能有 Web 素養是很重要的,意思就是說我們要增長以下的知識:

  • Web 文化
  • Web 技巧
  • Web 公民權

重要的是,網路素養是一個整體的觀點。他不僅僅只是簡單的「學寫程式」,而是闡述線上與線下地帶變得模糊的地帶,以及網路和現實世界複雜的互動方式

到目前為止的故事

為了先闡述這件事,我們透過網路組織,號召個人和團體一起推行讓人知道得更多、做得更多、做得更好的運動

在 2013 年 1 月,我們啟動了第一輪行動。Webmaker 社群開始測試一些催化全球網路素養躍進的策略與專案,於各地扎根。

我們集合現有的行動,諸如 Hive Learning NetworkSummer Code Party,同時也規劃新的活動,好比 Teach the Web MOOC網路素養一覽

現在,一年過去,這些計畫還在持續散佈及擴展

Webmaker 社群

我們的社群成員尋求:

  • 提升他們的 Web 素養。
  • 建構和分享教學工具。
  • 增加實際的人脈網路。
  • 參與並協同行動。
  • 鑑別具有在地風格的全球運動。

下面這張圖是我們的「領先用戶」。 這裡有一些在專案中,非常積極參與的社群成員,這些成員可以被分成幾種類型。本圖只是大致繪製,並不是非常完整。目的在於蒐集一些社群成員的動機,然後以視覺化方式互相比較。

我們的團隊

我們提供我們的社群:

  • 開放的網路群體:連結人群及尋找合作、創新的組織。
  • Webmaker.org:完整、具影響力,專注為推展 Web 素養設計的產品。持續提供入門課程、工具、徽章和使用者頻道,讓使用者能夠成為 Web 的製造者。有了這個產品,我們將能推行在「學習寫程式」之外,另一個差異化的「Web 素養」空間。(webmaker.org)
  • Web 素養:定義人們真正地「懂 Web」時所需具備的素養和能力(Web Literacy Map
  • 發展專業能力:使用開放的網路平台,增進開放的教學技巧和方法。(Teach the Web)
  • 運動:舉辦活動以擴展與宣傳我們「從做中學」的理念。(Maker Party)
  • 脈絡化的品牌識別:建構具有在地特色的全球品牌。(Hive Learning Network)

更詳細的未來路線,將會在近期推出。

這是提供支援與貢獻的組織成員概觀

2014 年大事件:

在 2014 年,我們將會進行:

  • #teachtheweb 訓練:一月開始 – 進行中,有線上活動,也在某些地方舉辦實體活動
  • Hive Summit:二月,位置未定
  • Webmaker 社群工作週:暫定在第一季結束時推出,地點待定
  • Maker Party:六月~九月,全球活動
  • Mozfest :十月中後期,地點位於倫敦

持續還有很多活動企劃中。

我們剛開始計劃本年的活動,非常歡迎你提供意見給我們。如果你很感興趣的話,寄信給我們來湊一咖吧!

編按:本文寫於 2014 年初,上述預定活動剩下 10 月底倫敦舉辦的 Mozilla Festival。MozTW 將會在活動結束後舉辦連續聚,邀請參加 Mozfest 的朋友們,談談這個令人感到好奇的活動裡面到底有些什麼!屆時請不要錯過囉~
原文 / Webmaker Community in 2014 | Michelle Thorne
作者 / Michelle Thorne
授權 / 創用 CC 姓名標示-相同方式分享-3.0

φ 交大服務學習 翻譯 - 極地狐、petercpg、Irvin 編輯

by 極地狐 (noreply@blogger.com) at October 22, 2014 04:00 AM

October 16, 2014

MozLinks-zh

TED 演講:Ryan Merkley 展示 Popcorn

TG12_45577_2R6A8993_1920

今日,來勢洶洶的 Popcorn Maker 首度在 TED.com 亮相,展示 Popcorn 擁有在網路裡改變敘事方法的潛力。

Mozilla 營運長 Ryan Merkley,6 月 29 日在 Edinburgh 的 TED Global 中,現場實際操作 Popcorn Maker。 這個線上工具是 Mozilla Webmaker 專案的一部份,非常容易上手,它可以讓任何人將即時的內容添加到任何影片內 - 像是照片、地圖、社交媒體等等。

影片突破框架

「影片誕生於網路世界時是在一個小小的盒子裡,與它相關的眾多資訊跟影片本身並沒有辦法連動。但 Popcorn Maker 改變了這個框架。」Merkley 這樣說。

「Popcorn 將影片打造成新的模式,讓它就好像是網頁本身一般——動態的、充滿超連結、可混搭,然後他就突破以往的框架了。」

Popcorn + TED 演講

Mozilla 也實驗性的 在 TED Talks 內用其他的方法演講。Popcorn 團隊今天發佈了 Dr.Beau Lotto 做的 TED Talk 混搭版。他在影片裡加入了一層可點選的圖層,讓任何人都可以在這一層當中加些新東西、編輯、或者混製。

「我們將 TED 影片加入一些內容,來測試新的 Popcorn Maker 應用程式。這是個很棒的方法,Popcorn Maker 的新功能是我們去年在做的東西。」Popcorn 計劃總監、Brett Gaylor 這樣說。 「我們直接用 Popcorn 在影片內新增連結、維基百科條目、圖片及地圖。這讓我們有更多學習的機會,也能夠更深入地溝通。」

對 TED 來說是非常興奮的事,Popcorn Maker 擁有讓 TED Talks 創造出更多、更豐富的資訊生態的潛力。——來自編輯團隊、演講者、還有身為觀眾的你」—— TED.com

在 Mozilla Festival 推出 Popcorn Maker 1.0

Mozilla 會在十一月位於英國倫敦的 Mozilla Festival 推出 Popcorn Maker 1.0。同時,我們也會放出跟今天在 TED 演講上發表的內容一樣的新 Beta 版。 在團隊為最後成品努力的同時,Beta 版就已經有完整的功能,可以給任何想第一個嘗試的人使用。

深入了解

關於TED

TED 是一個非營利組織,透過科技、娛樂與設計的世界致力宣揚「理念值得推廣」。全世界的人在 TED.com 上都可以免費觀賞最精彩的演講與表演。

開放原始碼行動

Popcorn Maker 是由許多摩茲人建構的,包括 Popcorn.js 的社群貢獻者,例如 Bobby Richter、Jon Buckley、Kate Hudson、Scott Downe 以及 Ben Moskowitz,這些有才華的團隊成員加強了工具功能。貢獻者還包括與 Mozilla 有特別合作關係的 Toronto’s Seneca 大學。Popcorn Maker 如果沒有由老師 David Humphrey 領導學生 Christopher de Cairos、Matthew Schranz、還有 David Seifreid 的話,也不會完成。

原文 / TED Talk: Ryan Merkley demos Popcorn
授權 / 創用 CC 姓名標示-相同方式分享-3.0

φ 交大服務學習 翻譯 - 極地狐 編輯


編按:
這篇是 2012 年的文章,Popcorn 的 TED 演講影片已在 ted.com 釋出繁中版本,Popcorn Maker 也已有繁中的成品了。另外 Webmaker 整個專案也有其他好用的工具等你來玩玩看喲!

by 極地狐 (noreply@blogger.com) at October 16, 2014 04:00 AM

October 13, 2014

Othree

node-ffi

今年的 JSDC 分享的是 node-ffi,不過我覺得沒講很好,反而練習講得比較好...

October 13, 2014 02:48 PM

October 02, 2014

MozLinks-zh

咱們來說說 Popcorn Maker


Brett Gaylor 在 Mozilla Festival 中發表 Popcorn Maker。

今天,很榮幸地在 Mozilla Festival 上發表 1.0 版本的 Popcorn Maker。Popcorn Maker 是一個免費的網頁應用程式,它可以讓網路影片具有互動性、能夠豐富影片內容、讓它充滿魅力。

Popcorn Maker 可以輕易的讓你在網路影片裡加進一些內容、也可以混搭不同素材,然後再分享出來。只要簡單地拖拉物件到頁面中,就可以在任何影片裡增加生動的內容——像是照片、地圖、連結、社群媒體等等,而且只要在瀏覽器當中就可以進行了。 讓影片增加些內容及連結,讓人每次觀看都覺得獨特,這樣播放影片的方式,在網路上是個全新的方法。

Popcorn Maker 故事

直到現在,網路影片依舊藏在小小的黑色盒子裡。」 Mozilla Popcorn 總監 Brett Gaylor 這樣說到:「Popcorn Maker 改變了這個局勢,影片製作好像變得像是網頁的一部份了:可以改、可以放連結、也能重新混搭,它把周圍的世界也一起連結起來了。」

去年 Mozilla 發表了一個給開發者的 Javascript 函式庫,Popcorn.js。它帶來了一些開創性的作品,比如說像是 NFB 的 One Millionth Tower、PBS 和 NPR 的 2012 election coverage 、還有其他作品等等。

但在此之前,Popcorn 的能力大多只針對開發者有用。」 Brett 說「Popcorn Maker 將這股力量放在每個人的手中,藉由直覺性的操作介面,讓每個人都可以上手。我們對於這個工具未來能夠在這個世界中創造出什麼,感到無比興奮。」

身為 Mozilla Webmaker 專案的一部分,Popcorn Maker 擁有非常獨特的合作方式,它是 Mozilla 和數個電影工作者、開發者、年輕的媒體工作者,還有 Seneca College 的開放科技發展中心一起設計、協同合作下,建造出來的成果。

Popcorn Maker 完全使用 Open Web、用 HTML、CSS 和 Javascript 寫成。 「它基本上就是用一個網頁製造出另一個網頁。對於在網路應用程式能做到什麼,Mozilla 有著更大的願景,我想這是一個非常好的範例。」Brett 這樣說。

加入我們

原文 / Introducing Popcorn Maker | The Mozilla Blog
授權 / 創用 CC 姓名標示-相同方式分享-3.0

φ 交大服務學習 翻譯 - 極地狐 編輯

by 極地狐 (noreply@blogger.com) at October 02, 2014 04:00 AM

September 25, 2014

MozLinks-zh

2013 SUMO 小確幸

這是 2013 年 SUMO 系列文章的最後一部分——我們來總結一下:

如果你有看完前面的所有文章,你可能已經注意到有幾項重要主題貫穿整個系列:行動化、宣傳、規模

行動化

行動化,我指的是非傳統那一面的意義:行動網路的使用者越來越多,為了因應這種轉變、也繼續支援使用者,我們將改變我們的努力方向。我們需要將行動化為行動!


瑞典話隨身聽的意思就是——自由風格

我對於我們要打造出沒有人做過的行動支援體驗感到十分興奮。Mozilla 技術支援站在手機上用起來已經非常酷炫了,但試想一下,要是能把這東西掛到手機的通知系統,並利用我們正在開發的一些 Web API 來作為行動作業系統 Firefox OS(長期來說,是個跨所有主流行動平台的應用程式)的其中一部份,效果會有多麼驚人。從這個方向看來,網路本身正透過 Firefox OS 等的努力,創造出您能想像最棒的體驗。

最近發生在網路上的事,我能想到最接近的比喻,是 1979 年推出的 Sony 隨身聽,它徹底顛覆了人們聽音樂的方式。SUMO 也是如此,它給了我們許多機會幫助無論身在何處、許許多多的 Firefox 使用者——而且它還會讓你覺得這比起聽你最愛的混音帶更有價值!

宣傳

長年下來,我們越來越擅於將技術支援平台裡面回饋資訊回報給工程師和品質檢測師,讓他們可以優先處理對使用者來說最惱人的 bug。這件事情可以回溯到 2008 年,Cheng 扮演了很重要的角色,而現在我們已有了專門負責這項工作的團隊。在 2013 年,我們會制度化使用者宣導及產品管理、UX、工程和品質檢測間、更緊密的合作夥伴關係,以兌現 Mozilla 的品牌承諾Firefox 只想回應你的需求

我們已經在 Firefox OS 內建了支援的機制,一旦啟動我們就可以得到第一手的高質量的使用者情感與回饋報告。當然,我們的使用者宣傳不是只有內部回饋工具——我們還會隨時瀏覽新聞、部落格、論壇和社交媒體,確保不會錯失任何訊息。在這部份,我們的目標與 Firefox OS 相同,也與桌面版和 Android 版 Firefox 一致:讓我們的產品變得更好,主動協助我們的使用者。

規模

這是將一切都聚在一起的的整合劑——我們希望在 2013 年末回顧這一年的時候,能夠有看到社群發展有顯著的成長,在哪都能做各種貢獻。在過去,只有在電腦前才能做貢獻,現在只要身上有手機就沒有問題。

The SUMO TeamSUMO 工作人員,2012夏

SUMO 的社群已經有超棒的夥伴,像是 Alice, feer56, Scoobi, cor-el, Satdav, madperson, iamjayakumars, jscher2000, Tobbi, underpass, Swarnawa, smo, Nukeador, michro 及更多更多優秀的人才(這只是熱情驚人的社群裡,其中一份樣本而已)。在2013年底,希望這些人會更努力維護各個領域;也希望能有更瘋狂的新人們在今年加入我們!

作為追求社群成長的一部分,我們必須質疑自己的假設和傳統,也對全新的流程和社群治理模式抱持開放的態度,使我們的成長能夠對應 Mozilla 不斷增長的產品線。如今我正在構思一個社群,來自世界各地的數百人幫忙做各式各樣的事情,從撰寫技術支援文章給數以萬計的使用者,到直接提供協助:透過論壇、社交媒體或是個人。雖然非常自豪建立了 SUMO 社群,但我知道我們其實還可以做更多。


SUMO 的超級英雄和他的管家——Sean Martell 的大作

感謝您閱讀迄今。如果你還沒入坑,請加入我們的社群,幫助我們塑造行動網路的未來、更積極參與 Mozilla 並幫助我們的使用者!這不但簡單的要命又有趣,而且在短短幾分鐘的時間內就能夠影響成千上萬來自世界各地的人。

恭喜啦,你已經看完我們 Mozilla 技術支援在 2013 年目標的部落格系列文章了!

原文 / SUMO in 2013: Summary | djst's nest
作者 / David Tenser, Director of USA (User Support & Advocacy) at Mozilla

φ 交大服務學習 翻譯 - 小迅、極地狐 編輯

by 極地狐 (noreply@blogger.com) at September 25, 2014 04:00 AM

September 23, 2014

MozLinks-zh

歡慶未來網路世界

對 Mozilla 而言,新版 Firefox 是個巨大的里程碑。能夠有新版 Firefox,實在要感謝來自世界各地數百人的共同努力。 為了慶祝此次 Firefox 的發布,我們將 Glow 改頭換面。Glow 是在 2011 年推出 Firefox 4 時發表的網站,用來即時顯示 Firefox 的下載狀態。

這一次,我們的目標不僅只是顯示下載量而已,同時還希望讓人有機會表達他們心中對於網路的理想樣貌。

為此,當使用者拜訪 https://webwewant.mozilla.org/ 時,裡面有選項可以讓使用者跟 Mozilla 以及全世界分享對網路的期許。 這些「許願」會顯示在地圖上相對的位置,告訴大家他們最重視網路的哪些範疇。 每一個在地圖上的點代表一次下載,或著一次許願。對我而言,這地圖讓我既溫馨又激勵人心。

當人們使用 Firefox —— 一個自由開放、由社群維護的瀏覽器 —— 選擇分享他們他們所關心的事物時,也展現出我們對 Web 的未來做出全球性的貢獻。

在地圖上的點代表或下載 Firefox,或是有人分享對 Web 的期待。 對我而言,這地圖給我的感覺既溫馨又激勵人心。 當人使用 Firefox —— 一個開放原始碼、由社群維護的的免費瀏覽器 —— 選擇分享他們他們所關心的事物時,那也等於是表達全球期待未來的網路樣貌了。

技術細節

我們要如何處理數以百萬計的互動狀態並顯示出來? 這個網站透過回報的記錄計算下載、更新、及透過這個網站許願的使用者。 我們對資料進行地理資訊搜尋,並將資訊整理出來應用、或用來顯示在 Web 應用程式上。 我們團隊特別的喜愛辛普森家庭,因此我們計畫的元件取了以下的名字:

  • Mr. Burns —— 整體程式碼。
  • Smithers —— 提供資料給 Mr.Burns 的「僕人」指令碼。

Mr. Burns 仰賴三個主要的腳本來顯示數據:

  • Bart —— 解析日誌文件,找出 Firefox 下載或自動更新的數據。
  • Lisa —— 解析數據,找出地理位置並整理成資訊。
  • Milhouse —— 將資訊封裝成 JSON 後提供給前端。

以下是數據處理的流程圖:

資料儲存在 Redis 上,而 JSON 文件透過 CDN 傳遞到前端的應用程式。前端的應用程式使用了 D3.js 來呈現個別的「光暈」和統計。 詳細資訊請瀏覽我們的 Wiki,以及探索 Github 上的程式碼。

特別感謝

我們感謝參與這項大計畫的參與者。我要特別感謝以下這些付出特別多心力的人:

  • Eric Petitt —— 計畫贊助

  • Paul McLanahan —— 資深開發者

  • Steven Garrity —— 資深開發者

  • Ali Almossawi —— 量測工程師

  • John Slater —— 創意總監

  • Sean Martell —— 藝術總監

  • Matej Novak —— 文字總監

在地化團隊及貢獻者

還有你!沒了你,世界將黯然無光。

原文 / Celebrating the Web We Want
作者 / Benjamin Sternthal
授權 / 創用 CC 姓名標示-相同方式分享-3.0

φ 清大服務學習 翻譯 - Yao Wei、極地狐 編輯

by 極地狐 (noreply@blogger.com) at September 23, 2014 04:00 AM

September 11, 2014

MozLinks-zh

回饋,讓 Firefox 更好

上個月介紹了 Mozilla 支援團隊(優秀的工作人員及協助解決問題的志工),說明他們如何協助您解決任何有關 Firefox 的疑難雜症。但您知道是誰把 Firefox 變得更加完美的?就是您!

您的建議將直達我們的 User Advocacy 團隊,他們會將您的需求、關注和投訴傳達給可以幫助你解決問題的人。因此,請持續提供意見回饋,讓我們一起把 Firefox 變得更好!

給點回饋、讓我們知道你喜歡——或者不喜歡——Firefox。

想了解更多關於我們團隊的事情嗎?請參觀這裡

原文 / Make Firefox even better
授權 / 創用 CC 姓名標示-相同方式分享-3.0

φ 交大服務學習 翻譯 - Orin、極地狐 編輯

by 極地狐 (noreply@blogger.com) at September 11, 2014 04:00 AM

September 09, 2014

MozLinks-zh

給麻瓜的 Bugzilla 入門

Bugzilla 是個惡魔,它比我們原本想的都還複雜(雖然是我們自己造成的)。對新的使用者來說,Bugzilla 有點可怕(但我承認它正在努力改進)。如果再加上想要加進去的新功能之後,那就足夠嚇死人的毛啦(對,沒錯,我就是在說多重狀態標籤)。

Bugzilla 對現在這個規模的專案管理來說很重要,整個專案的歷史、每天的日常活動都在上面。除了一些極端特例外,你無法不透過 Bugzilla 來參與 Mozilla 的核心專案。

我將這部影片放上來幫助不熟悉 Bugzilla 的人認識它,至少能夠讓他們自己學習如何使用 Bugzilla。如果你想要感謝我的話,不如去感謝 Deb 及 Dan 吧 - 他們是讓我坐下來並完成工作的人。 直到 WordPress 不再吃掉我的 <video> 標籤前,你可以在這邊觀看不需要 flash 與無須煩惱解碼器的自由開放格式影片。

如果你的瀏覽器不懂 Ogg 格式,那就看 Vimeo 上的影片 囉。

原文 / Bugzilla for Humans | meandering wildly
作者 / Johnathan Nightingale

φ 交大服務學習 翻譯 - Orin、極地狐 編輯

by 極地狐 (noreply@blogger.com) at September 09, 2014 04:00 AM

September 06, 2014

Othree

CommonMark

Markdown

一年前提過的 Markdown 標準化計畫沒想到真的有成果了,現在叫 CommonMark,不過其實前兩天還叫 Standard Flavored Markdown,只是因為 Markdown 的作者 John Gruber 不爽這個名字會造成混淆,所以 Jeff Atwood 只好很不爽的改名成 CommonMark,有興趣的可以看看他們的 spec,其實與其說是 spec,我覺得根本就是 Test Suite,裡面主要的不同點是列出很多以前不知道該怎麼 parse 的語法,統一訂出應該轉成怎樣的 HTML,算是個讓各家自己實做的引擎可以依據的規範,而且這次 release 除了 spec 外還同時提供了用 C 和 JavaScript 然後照著 CommonMark 實做的兩個 Markdown 引擎,我想 JavaScript 的版本應該很快就會有人拿去用了吧,另外就是 GitHub 應該會有人弄 Ruby 的版本才是。

September 06, 2014 04:16 PM