Jas9 Taipei.

7個救命iPhone應用與5個增趣Twitter遊戲

2009-07-13T10:33:00.001+08:00

我記得很久以前，曾有位同事的電腦主機壞了，在重買一套新電腦時，就把依然完好如初的舊螢幕送給了另一位同事。結果，接受了這份舊螢幕禮物的同事，最後也到光華商場去組了一台電腦主機。我在mashable.com讀到《7個可以挽救你性命的 iPhone Apps》與《5個增加你Twitter樂趣的小遊戲》這樣的文章時，突然又想起那個因為收到一個螢幕而去買了一台主機的故事。我猜想，沒有人不希望能夠隨身攜帶一個具有7種拯救自己性命的法寶。然而，在理想的結果降臨之前，總是需要一些前提、一些試煉的過程與代價。就好像你得先掏出大把鈔票買iPhone，它才可能讓你許這7個挽救性命的願望。同樣的，你也必須先是一位Twitter使用者，才能獲得那5種全新發推樂趣。我不知道就一位同時是iPhone與Twitter的使用者而言，如果大願成就地買齊了那7個可以挽救性命的 iPhone Apps，也玩了那

外拍模特兒的快門秒殺

2009-07-12T18:59:00.000+08:00

不知是否所有人都一樣，即使未必是攝影的愛好者，出遊時，也通常都會把相機帶著。就我而言，過去，很習慣，或者說是職業病作祟，總想順手拍些單純物件導向的東西，覺得即便之後拿來當作設計材質也好。大概因此，每每看到別人舉家出遊，同聲吆喝要在門口、看板或任何辨識度高的景點，來拍張到此一遊的紀念照時，難免覺得：雖然同樣在進行拍照、攝影，但，就動機與意義而言，每一位手持相機的使用者之間，可謂相去甚遠。這個假日，照例出遊且帶著相機，突然在不遠處，望見一群人手一隻相機簇擁著，像在拍攝什麼很稀罕的景物一般。等到湊近看端詳，才發現原來是外拍模特兒在擺弄各種經典拍照姿勢。看著人家的外拍模特兒狀極聽話配合地搔首弄姿，突然覺得：就攝影專業而言，這種拍法似乎太缺乏挑戰難度了。尤其，對這些看起來設備頗精良的玩家而言，找一位聽話配合的模特兒，似乎是不大好表現拍照功力的高下。不過，回頭看看我的外拍模特兒，

覆寫Inline CSS的覆寫功能作法

2009-07-09T18:01:00.001+08:00

除了HTML Email（即edm或電子報）之外，一般而言，Inline CSS最常見的用法就是：在段落間用來覆寫（或推翻）既定CSS的定義。尤其對已經運行了一段時間的網站來說，任何一個CSS Selector都可能套用在多個頁面，如果貿然去更動，結果可能就是牽一髮而動全身式的殘局收拾不完。通常，在防範最慘烈下場的全盤考量下，designer會選擇使用inline css來給新頁面的某些網頁元件樣式以客製合用的定義。譬如像以下這樣：

這是一個黑底色反白字的DIV頁面區塊

這樣的作法，當作個案特例的解法，偶一為之應該還好。不過，如果不知不覺地連用好幾次，或許也會有：某天想到要全盤改動時，必須逐頁逐頁去改的麻煩。這時候，就需要用到一種覆寫Inline CSS

Web designer考慮一下移民東南亞吧！

2009-07-08T15:43:00.001+08:00

幾乎所有Web designer都討厭IE6，或者，因為IE6所給予的既有印象，而很難對IE7、IE8存在什麼好感。甚至，還因此不由自主地產生某種先入為主的嫌惡感。然而，無論原因是什麼，現實是：長久以來，IE6始終像個家大業大的既得利益者，如地方豪強惡霸那樣目無法紀、胡作非為。面對這樣的現實，絕大多數網路鄉民覺得只是剛好而已。被迫不得不為IE6收拾殘局的Web designer，當然不這麼認為。幾乎所有Web designer都期待IE6會有從網路世界消失的一天。從具體統計數據來看，IE6從網路世界消失的那一天，確實就快了（雖然還是很慢）。只不過，顯然這「就快了」的IE6末日，因區域、國家而顯然存在著不小的落差。根據StatCounter統計2008年7月1日到2009年7月7日的資料，全世界網路瀏覽器佔有率的前三強分別為：持續衰退的IE7 持續成長的

微網誌真相：跟「關係」有關係，跟「你在做什麼」沒有關係！

2009-07-07T14:34:00.001+08:00

關於微網誌micro-blogging，我們現在大概知道幾個事實：微網誌就是指「推特Twitter」跟「噗浪Plurk」這一類網路服務。就全球網路世界而言，「推特」幾乎就等同於微網誌。在台灣，則「噗浪」的使用者遠多於「推特」的使用者。然而，相對於這些被議論共鳴幾近泛濫的已知事實，我們似乎很少有機會，或者說有意願去面對更多關於微網誌橘逾淮而北為枳的事實。什麼叫作橘逾淮而北為枳的事實？簡單地說，就是一個東西在A地被打造出來，明明是拿來當作A用途，但，一到了B地、C地、D地，或拿去給E先生、F小姐……來使用，結果，卻完全不像當初打造所預想那麼回事。事實上，網路上顯然不乏這種「結果完全不像當初預想那般」的東西。（我們甚至可以大膽地說：整個Web2.0都是類似這樣想東做成西的東西。）通常，如果這超乎預料的結果是很合乎理想的，我們便說它是「青出於藍勝於藍」。想當然爾，

永恒的月球漫步

2009-07-06T14:35:00.002+08:00

六月底，麥可傑克森猝逝，讓這位Megastar（Superstar的最高級）又一次衝上全球新聞頭條的浪頭。當然，論上頭條，這不是第一次，也不大可能是最後一次。畢竟，Megastar的影響力是既強大且無所不在的。這一點，我們甚至可以從網站去進行觀察。麥可傑克森的粉絲網站本來就不勝枚舉，猝逝之後，更不乏如雨後春筍而出的各式紀念網站。就我閒散的觀察，截至目前為止，最有意思的一個麥可傑克森紀念網站，大概非Eternal moonwalk這個網站莫屬了。任何人都可以上傳一段自拍的月球漫步獨舞，加入這場為紀念麥可傑克森的影片接力。 Tags: 麥可傑克森, MJ, Michael Jackson, Megastar, Eternal, moonwalk, 月球漫步

戴爾電腦說Ubuntu是微軟的作業系統

2009-07-05T07:04:00.002+08:00

戴爾電腦（DELL）其實是一家很知長進的企業。而且，網路銷售本來就是他們的長項。不過，撇開最近在台灣鬧得買賣雙方都變成豬八戒照鏡子的「戴爾之貪小便宜事件」不談，戴爾電腦在世界其他角落也一樣不斷在產品標示上出錯。譬如說發生在英國的這個例子： Ubuntu就這樣輕描淡寫地變成微軟的作業系統了。以下就是戴爾電腦宣稱或者預言微軟買下Ubuntu的完整產品頁面：而且，搞不好你現在點過去看，這個錯誤也還沒被修正。 Tags: 戴爾電腦, Ubuntu, 微軟, 作業系統, Dell, Typo

繪製人像的Priority

2009-07-04T17:57:00.002+08:00

根據以往的觀察，每個人做圖、畫畫的習慣應該都不大一樣。不過，我不確定做圖或畫畫的順序，比方說：在繪製一幅人像時，到底是先勾勒頭耳？眉眼？或者鼻口？類似這樣的順序，到底可否等同視為一種彷如priority那樣的輕重緩急價值體系呢？我在一個俄國設計論壇網站上，經由某個連結，發現以下這張有趣的照片：我猜想，這如果不是出於惡搞，就是作畫的人本身很有自信。除了根據我自己的經驗，畫人像一向只能從眉眼著手開始之外。就照片裡畫紙已完成的部份比例來看，這幅人像往上發展，就畫紙的尺寸來看，大概是畫不到臉了吧。延伸閱讀： Asian Poses：亞洲美女拍照姿勢經典指南 3M安全玻璃單挑魔術胸罩重點是什麼？ Tags: 繪製, 人像, Priority, 素描

Canonical Tag：集中你的SEO戰力

2009-07-03T11:46:00.001+08:00

前陣子，找到空檔，有機會作網站改版思索時，想到一個在今年初讀到，但始終沒機會付諸實作的網頁元件，叫作Canonical Tag權威標籤。長期在做SEO的人，大概已經很清楚Canonical Tag。這個為眾家搜尋引擎（包括Google、Yahoo!與Microsoft）所支持，並且，被公認可以用來解決日益嚴重的複製內容duplicate content問題，以提昇搜尋精確度的新標準作法。至於，隔了一層的Web designer網頁設計師，對這些網頁製作執行者而言，Canonical Tag實在不是一個立竿見影的網頁元件，因此，網頁製作執行上的Priority優先次序難免一再往後順延。再退一萬步，站在客戶的立場來想，他們搞不好還寧可多做幾個Flash吧。不過，如果你很有實驗精神，並且，也相信眾家搜尋引擎將愈來愈重視以Canonical Tag作為網頁複製內容的最終解決方案。

CSS Opacity：透明度在各瀏覽器上的應用

2009-07-02T15:33:00.002+08:00

透明度的應用，向來是網站視覺規劃上的一大挑戰，尤其是扯上PNG-24 Portable Network Graphics (palettes of 24-bit RGB colors) 的時候。考慮到IE6這個超難搞的變數，最安全的作法是：完全不用透明度，捨棄PNG-24。否則，即使有pngfix.js這樣的奇技淫巧，暫時足以用來應付IE6。然而，就網站長期經營維護，以及實際應用而言，pngfix經常反倒最是後患無窮的一種選擇。除非你斷下決心不管IE6，否則，遲早你都得找出一套澈底解決透明度在各瀏覽器上應用的方案。這幾天，想到這樣的問題時，很直覺地認為：在IE6消失之前，似乎還是得暫時擱置PNG-24，而改以搭配適當Matte color的GIF Graphics Interchange Format 來處理去背型的透明度應用。使用CSS來處理區塊型的透明度應用。

萬能阿曼全面逆襲黑白郎君

2009-07-01T16:02:00.001+08:00

繼去年發現一個專門以蒐集別人失敗為樂的「黑白郎君部落格」「失敗部落格」之後，今年再接再勵，多方尋覓的結果，總算也找到一個無論怎麼失敗都能修理的「萬能阿曼部落格」「我來修理部落格」來娛人娛已。雖然，評論他人之失敗向來是件極有趣的事，不過，套句電影《料理鼠王》裡的經典對白： In many ways, the work of a critic is easy. We risk very little, yet enjoy a position over those who offer up their work and their selves to our judgment. We thrive on negative criticism, which is fun to write and to read. But the bitter truth we critics must

微網誌大戰：Twitter Vs. Plurk

2009-06-30T14:06:00.003+08:00

我在稍早前的一篇文章，曾經提到今年四月在部落格新加入「Twitter It!」button這樣的事。事實上，那是一個很微妙的加入「Twitter It!」的時刻。怎麼說呢？就從Google Trends說起吧。很多人都知道：在台灣，Plurk噗浪的使用者比Twitter推特的使用者還多。然而，從Google Trends來看，這個「噗友比推友多」的事實，精確來說，應該是要從今年四月開始去年七月底算起。不過，稍早前，我因為嫌棄Google Trends直接給的比較圖實在太粗略：所以擅自把兩張細節圖：湊成這張其實計量單位並不相符而無從比較的比較圖：藉由Google Trends，我們可以查詢到兩大微網誌的各項統計數據，包括一般廣泛被用來解讀熱門與否的訪客流量與點閱數：（一）Plurk 全世界每日不重複有效訪客數Unique visitors：210萬

為部落格新增一個「Plurk this!」噗浪button

2009-06-30T11:00:00.001+08:00

今年四月，我在這個部落格的文章底下新增了一個「Twitter It!」的button，並且，還寫了一篇文章記錄下來，以備不時之需。為什麼當時不順便也做一個「Plurk It!」？週休假日突然想到這點時，決定著手來進行這個小小的部落格版型補完計劃。首先，找到Plurk官方提供的書籤工具小程式Bookmarklet語法： Plurk this!