Firefox 3 與 microformat

來自 Mozilla Links 的消息，擷取一段我比較有興趣的、跟 Firefox 與 microformat 連動方式相關的問題：

Firefox 3 的功能規劃中，並沒有清楚說明這方面開發方式。是要提供 API 讓 plugin 及套件新增、存取及操作 microformat？或是更會預先定義幾種 microformat、處理方式及介面，使其含括 Operator 目前的所有功能？不知道 Firefox 會朝哪個方向走？

我們還沒有決定。目前來說，我們預計在 Firefox 3 裡放一個可以存取 microformat 的 API，可讓開發人員輕鬆地將 microformat 整合到擴充套件中。這個 API 將會預先建好一些 microformat，當然還可以再增加其他的 microformat。

使用者介面的部份則還沒有定案，我剛發表的 Operator 0.8 有一個側邊欄，這也可能會是 Firefox 3 的樣子。

Microformat 相關的使用介面其實是個很複雜的課題。雖然我們可以在網頁中標示 microformat 之所在，但是使用者可能不希望瀏覽器任意修改網頁內容；又，microformat 現在還不夠普遍，所以如果要做使用者介面，那也會是「暫時」的介面，也就是在沒有使用者經驗的情況下開發的使用者介面。如同現在資料來源的按鈕一樣，我們 還沒找到這種介面的良好設計方案。

到目前為止，我們還沒確定 Firefox 3 會如何處理 microformat，但處理的方法勢必與 Firefox 3 中管理內容的新程式碼有關。

個人是比較偏好 Operator 0.8 自動隱藏的工具列，雖然自動隱藏對初學者不見得是好事 ^^; 0.8 的翻譯日前已經送給 Michael Kaply，修正了之前看錯的一個句子、加上很多雜七雜八的東西... 越來越好玩了，真是值得期待啊！

Technorati Tags: operator

Microformat 之基本微格式教學

跟前面幾篇一樣從 xFront 來，已經翻譯為中文，請見基本微格式。

這篇裡有很多、很多的微格式，茲列如下：

• VoteLinks 投票評比用
• XFN 描述人際關係
• Rel-Nofollow 告訴搜尋引擎別計算此連結權重
• Rel-Tag 標籤、關鍵字
• Rel-License 授權條款
• Rel-Directory 分類目錄用

其中 Rel-Tag 應該蠻多人會用了、Rel-License 是現在創用 CC 網站授權條款會用到的格式、Rel-Nofollow 則常用於迴響區的連結。XFN 能推動的話，長期來講很不錯，但目前沒看到比較驚豔的玩意，可惜。

突然發現 VoteLinks 及 XFN 的「me」應該能做出可攜評比來，這樣對網拍賣家蠻有利；話說回來，如果有人要冒充我，在網頁上往我網站的連結中加了 rel="me" 呢？ ^^;

本文授權同英文版，如果有翻譯問題可在此篇留言。

Technorati Tags: votelinks, xfn, rel-nofollow, rel-tag, rel-license, rel-directory

Microformat 之 hCalendar 教學

跟前一篇 hReview 以及前前一篇 hCard 一樣從 xFront 來，已經翻譯為中文，請見 hCalendar 微格式。

hCalendar 可以幫你標註網頁上出現的「事件」 (event)，方便網路工具或者瀏覽工具（如 Mozilla Operator）取用這份資料 －－ 例如，您也想去看本月十六號晚上七點半在兩廳院藝文廣場的蓬萊大仙嗎？裝了 Operator 的話，檢視這篇時就可以快速將此事件加到你的行事曆中囉 :)

本文授權同英文版，如果有翻譯問題可在此篇留言。

Microformat 教學：hReview

跟前一篇 hCard 一樣從 xFront 來，已經翻譯為中文，請見 hReview 微格式。

兩天前去中研院，ilya 提到後設資料 (metadata) 的事情，所以翻完 hCalendar 後就先順手翻了篇幅不大的 hReview。那 hCalendar 的譯文呢？... 由於我某軟體掛掉了，所以「上集」的文章死在裡頭、今天晚上重翻一下才會上下皆備，屆時在公布吧。

只有一篇我就不另外壓下載包了，等全部翻完我會另外做個所有教學的壓縮檔供大夥使用。本文授權同英文版，如果有翻譯問題可在此篇留言。

Microformat: hCard 教學投影片

從 xFront 來，已經翻譯為中文，各篇摘要如下：

• hCard 教學（一） hCard 用途、特性類別概觀、識別特性（名稱）、hCard 轉換為 vCard
• hCard 教學（二） 識別特性（續）、收件地址特性、adr 微格式
• hCard 教學（三）收件地址特性（續）、通訊位址特性、地理特性、hCard 轉 KML、geo 微格式
• hCard 教學（四） 組織特性、附加說明特性
• hCard 教學（五） 與 hCard 相關的兩三事、工具介紹（含 Mozilla Operator）
  
  

這份文件寫得蠻詳細的，對了解 hCard 有相當助益，適合已經了解 HTML 但想學 microformat 的人閱讀，強力推薦。（你看，我推到連翻譯都做了...）

也提供壓縮檔可下載使用，原文授權方式是「在不移除授權聲明且不誤導使用者為原作的情形下，可做任何用途」，譯文比照辦理，授權方式大意如下：

這些教材無任何擔保，使用上有問題請自負責任。可以在遵守下列規定的情況下自由使用、修改、散佈：

1. 不得誤導讀者此教材為你原創，若使用在商業作品上時能露出致謝詞最好、但非必要。
2. 修改過的版本必須明確聲明為衍生著作，不得誤導使讀者認為修改品即是原作。
3. 授權聲明不得移除或修改。

翻譯有任何問題請回報，謝謝；該文件相關的翻譯工作，如果我的學習計畫有繼續下去，我就會做。

Technorati Tags: operator, hCard

Operator 裡的「Live Clipboard」翻譯問題

Operator 支援 Live Clipboard 技術，可以方便你複製網頁中的 hCard 或 hCalendar 到另一個網路服務貼上使用（關於此技術的中文說明可以看網路 Copy and paste 以及 Live Clipboard 兩篇文章。）

所以問題來了，這個「技術名稱」怎麼翻譯？我目前的幾個想法如下：

• 不要翻。
• 好處是統一稱呼，查找資料也方便。
  
  
• 不過說實在，我有時有點後悔沒給 ScrapBook 個中文名字，雖然統一了稱呼卻增加新手的抗拒機會、在面對面推廣時對方也常記不住這個字。（「live clipboard」倒是比較沒這問題）
  
  
• 「剪貼簿」。Operator 6.2 以前我沒想清楚就翻譯為此，但這不太好，並非因為是新技術，而是它尚未能與系統中的「剪貼簿」徹底共用，會造成混淆。
• 「網際剪貼簿」？
• 「Live 剪貼簿」？（反正只要看的人知道這是個「特殊產品」就成功一半了）
• 或者像「超文件描述語言」一樣，有中文翻譯、但不推翻譯詞？

你怎麼想？

筆記：microformat for designers

從 microformat for designers 來，已經很熟悉 CSS、想了解 microformat 對你有什麼好處的可以看，其他人應該不太需要...

• microformat 並不複雜，都是利用既有的技術

• 好比用了 XFN 之後，你可以為「見過面之朋友」的連結加上特殊樣式：
  
  

  a[rel~="met"]:after {
  
   content: '*'; /* 這樣會在它的連結後方加上個 * 號 */
  
  }

  標記處為 CSS2.1 的屬性選取符，只是這招 IE 不理。有篇文章做了很好的示範，教你怎麼「利用」XFN 加強視覺上的體驗。
  
  

• microformats icons 有很多好看的圖示可以利用
• microformat 的 logo 含意為 XML-XHTML-Microformat 三層架構。
• 簡報後面有範例
• 演示將 hCard 資訊排版為名片樣式的方法，參考 linkedin 跟 paypal 的範例及以 CSS 調整 hCards 樣式一文。
• 演示調整 hReview 樣式的方法
• 還有一些東西看不太懂他想幹嘛，這份簡報沒有解釋 orz
• 再後頭的是利用 microformat 的方法，像是 Operator 套件等。
  
  

筆記：Microformat for developers

從 Microformat for developers 簡報來，已經了解 microformat 的不用看：

認識幾種 Microformat

• XFN：標註個人或事業上常見的人際關係
• 連到某人的相關連結時，在連結的 rel 屬性加上數個關係關鍵字。
• 範例：Ernest 跟菲比晃是我同學，見過面（met）的朋友（friend）。
• 關鍵字有分類，可以用 XFN Creator 等工具輕鬆製作。
• hCard：名片
• 從 vCard 標準來的
• 在 HTML 元素中直接以 class 屬性標示。
• 根元素的 class 值為 vcard
• 名字為 fn n，可選用姓（family-name）及名（given-name）
• 網址為 url（加在 a 元素中）
• 照片為 photo（加在 img 元素中）
• 地址為 adr，街道號碼（street-address）、地（locality）、區（region）、郵遞區號（postal-code）、國別（country-name）等各有關鍵字
• 聯絡資訊如電子郵件（email）跟電話（tel）
• 也有 hCard Creator
• hCalendar：行事曆事件
• 以 iCanlendar 為基礎
• 一樣用 class 屬性標註關鍵字。
• 一組行事曆的根元素需標上 vcalendar，單一事件則標 vevent。
• 項目名稱：summary
• 內容描述：description
• 日期時間比較複雜：
• 使用 abbr 標籤同時提供標準格式與顯示格式的日期
• title 屬性放時間，格式為 YYYY-MM-DD+T+hh:mm:ss+(+/- 時區)，例如柏強退伍日為 20070224T00:00:00+0800
• 內容就放顯示格式，例如「中華（or 台灣，看那大有為政府正名了沒）民國九十六年二月二十四日零時零分起生效」。
• 開始時間將 class 屬性設為 dtstart，結束則為 dtend
• 還有一些雜七雜八的東西可以參考 hCalendar Creator
• hReview：h-game 的評論
• 就是放評論，我覺得組合其他的 microformat 這點比較有用
• 還是加 class：
• 根元素為 hreview，評論項目為 item
• 名稱：fn
• 評論時間：dtreviewed，格式同前述
• 評論者：reviewer vcard （所以裡頭的元素就是 hCard）
• 評分：rating，五分制整數，1 最爛、5 最好，也是用 abbr 來提供機器與人類皆適合閱讀的東西
• 內容：description
• 還可以整合其他如 tag 等格式

使用 microformat 的服務

• Technorati microformat search：支援 hCard、hCalendar、hReview 搜尋
• Pingerati：自己的 microformat 更動時就告訴它，它會幫你通知其他支援 microformat 的服務。
• Edgeio：集結網路上的型錄，可以支援以 hListing 標註的物品

能產出 microformat 的服務

• Flickr：geo（經緯度資訊）
• Yahoo! Tech：hReview、hCard
• Upcoming：hCalendar、hCard
• LinkedIN：hCard、hResume（個人履歷）
• 補充：其實蕃薯藤的 MyMap 也有支援 geo，好像是少數看到國內有支援 microformat 的服務。

筆記結束，我突然覺得如果大家的筆記都能幫忙宣告一下「某某族群的人不用看」或許是件很節省時間的事情。

xFlok: 用途

xFolk: An xhtml microformat for folksonomy

There are three motivations for xFolk.

• xFolk can make folksonomy data independent of vendor implementation (不需受制於服務供應商)
• Some people want to provide explicit semantics for their folksonomy tags (有些人會想為自己下的標籤提供明確語意)
• More relevant data is generally better than less (相關資料「多」通常比「少」好)

這樣就大概可以解決我「為什麼不用 RSS」的疑惑了，看來我本來把它搞混了... anyway，了解這個事實對此網站尚無助益，因為我還沒想到怎麼做比較好。

Technorati Tags: xflok

Operator 微格式接線生 0.6.2

終於看到自己的翻譯放上去了，雖然是沒多少東西... 這個版本有些有趣的地方：

• Highlight Microformats：現在放 microformat 時應該大夥都蠻苦惱於讓它們更顯眼的作法，例如、如果我不說，誰知道其實這個網誌旁邊的「about」就藏著 hCard？ :P 這個功能啟用後，當滑鼠移上某個有 microformat 的區塊時便會標示黑框出來，接著按下右鍵就能執行相關動作：

  

• 支援 xFolk，給共享書籤用的東西。說實在我還沒看出來這玩意對使用者除了方便開列表出來外有什麼用。

接著這個站有兩個跟 microformat 有關的想法待實現：

1. 加入與 Google Calendar、UrMap 連結的「推薦活動」，支援 geo 跟 hCalendar 兩種 microformat，不過 UrMap 似乎尚不支援查詢地標傳回經緯度的 API，所以或許只能用連結的？規劃中與水瓶子想法比較不太一樣的是我想把原來的地點就當成地點（才可以傳去給 UrMap 查），然後以「內容」第一個抓回的連結為連結（若沒有連結就沒有囉）。這個功能蠻早就想做，alicekey 又再度讓我知道此功能有用。
2. 為旁邊的「有趣文章」加上 xFolk，雖然還是覺得這玩意看不出用途，不過加個測試也不壞。

「匯出聯絡資訊」在 Linux 下好像沒用，有空再回報。另外這樣的標示法其實也不是太顯眼，沒移過去就不知道，看來還是只能靠網頁設計師多給點視覺提示。

Technorati Tags: operator

Operator: Hemidemi

try {
Microformats;
} catch (ex) {
alert("Microformats are not available. Microformats.js must be included");
}

Microformats.tag.handlers['hemidemi'] = {
description: "\u5230\u0020\u0048\u0065\u006d\u0069\u0064\u0065\u006d\u0069\u0020\u627e\u76f8\u95dc\u66f8\u7c64",
icon: "http://www.hemidemi.com/favicon.ico",
action: function(doc, item)  {
  tag = Microformats.tag.create(doc,item);
  url = "http://www.hemidemi.com/bookmark/tag/" + tag.tag;
  Microformats.loadUrl(url);
}
}

需搭配 Operator，另存為 hemidemi.js、放在 profile 裡的 microfomats 資料夾下。詳細說明… 日後再說吧，我剛研究怎麼另外做成擴充套件但失敗了，愛睏，明日再戰。

ps. 我已經與 Operator 原作處理在地化相關的事情，把這個榮譽留給我吧，多謝大家 ps2. 以後我會把 l10n 統一叫做「在地化」，「本地化」太奇怪、「中文化」太狹隘、「本土化」太政治 orz