Archive for April 2009

 
 

Gameboy Timeline

Gameboy Timeline

任天堂的Gameboy陪伴我們度過美好的童年時光,近來更有成為台北通勤族標準配備的趨勢,20年前的4月21日是它誕生的日子。Gizmodo上面有人分享了一張Gameboy Timeline的精彩大圖,帶領我們往回追溯到一世紀以前的紙牌,再一路追蹤到今年新上市的DSi。值得一看。

介紹短網址服務:u.nu及其API

短網址服務:u.nu

u.nu是一個新興的短網址服務(常見的有:tinyURL0rz.tw等),它的特色有:

  1. u.nu是最短的網址。
  2. u.nu不使用相似的字元,例如 l, 1, I, 0, 和 O。
  3. u.nu將大小寫字母視為相同,因此可方便地念給朋友聽,或用手機傳簡訊給他們。
  4. u.nu是回文(正讀反讀都相同的詞組,忽略那個點的話)。

David Walsh介紹了怎麼使用u.nu的API

function get_unu_url($url)
{
	$url = 'http://u.nu/unu-api-simple?url='.urlencode($url);
	$ch = curl_init();
	$timeout = 5;
	curl_setopt($ch,CURLOPT_URL,$url);
	curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
	curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout);
	$url = curl_exe*c($ch); // 請注意這邊的星號要移除
	curl_close($ch);
	return trim($url);
}

$short_url = get_unu_url('http://blog.yoren.info');
//returns http://u.nu/78x

比起其他短網址服務的API,u.nu沒有用到xml或json,單單就回傳網址,十分簡潔。

有趣的是David文章的回應裡面,有人問到了網域名稱可以使用一個字元而已嗎?根據wiki上 .nu網域的說明,一個字元的網域名稱,年費為500歐元,兩個字元為250歐,其餘則是30歐。而似乎所有的單字元網址都被註冊了。

附註:上面的原始碼中,第9行的地方我多加了一個 * 號,是因為我如果直接寫出curl_exec,就會引起HTTP 503錯誤,非常奇怪。

WTC Logo Preservation Project

WTC Logo Preservation Project

WTC Logo Preservation Project(世貿雙塔商標保存計畫)是由The Bubble Project的發起人Ji Lee所推動的另一個計畫。

911之前,世貿的雙子星大樓(World Trade Center)一直是紐約建築物輪廓的重要象徵,當地小型公司如洗衣店、雜貨店、搬家公司等的商標,都會將其納入。911之後,隨著建築物本體的毀壞,這些商標被新的圖像所取代,似乎也是遲早的事。

為了可以將世貿雙塔的形象保存下來,Ji Lee開啟了這個新的計畫,募集含有雙塔圖像的商標照片,並利用FlickrFacebook的群組功能,讓網友可以更快地將圖片分享至主網站。此外,The Bubble Project也有Flickr群組,值得一看。[via swissmiss]

[WordPress] 讓FeedBurner FeedSmith支援Tag Feeds

FeedBurner FeedSmith

WordPress從2.5以後的版本,就有支援tag feeds。如果你只要訂閱在我的網站裡面,有「jQuery」這個標籤的文章,feed網址是(permalink版):


http://blog.yoren.info/tag/jquery/feed

或是:


http://blog.yoren.info/?tag=jquery&feed=rss2

但是假如安裝了FeedBurner FeedSmith這個外掛之後,此功能即無法使用,輸入tag feed會一律被導到feedburner的全站feed網址(例如:http://feeds2.feedburner.com/IdeaGrapes)。

參考Tweaking your FeedBurner / FeedSmith plugin to support Wordpress 2.5+ tag feeds (easy!),裡面紀錄了修改的方法如下:

  1. WordPress管理後台停用FeedBurner FeedSmith這個外掛後,進入編輯其程式碼。
  2. 找到 ol_feed_redirect() 這個function。
  3. 將 is_feed() && $feed != ‘comments-rss2′ && !is_single() && 這個部份,改為
    is_feed() && $feed != ‘comments-rss2′ && !is_single() && !is_tag() &&,即加入「&& !is_tag()」。
  4. 更新檔案後,重新啟用外掛,便可順利抓到tag feeds了。

[jQuery] Lazy與Lazy Load

Minimalist jQuery: 11 useful plugins under 4K

在這篇11個小於4K的好用jQuery外掛裡面,介紹了Lazy,它可以讓瀏覽器只下載有用到的jQuery外掛檔案,以減少HTTP request(請開啟範例網頁後,使用Firebug觀察網路)。用法是:

$.lazy('jquery.elastic.js','elastic');
$.lazy('jquery.validation.js','validate');
$.lazy('jquery.ajaxdotnet.js','ajaxDotNet');

// 照常使用外掛
$('textarea').elastic();

當然這類用途的外掛並不新穎,重點是Lazy非常地輕巧,只有不到1K的大小。

有意思的是在Google這個外掛的時候,另外發現了jEditable作者的另一個作品:Lazy Load(Image Lazy Loader)。它可以加速瀏覽器讀入整個網頁的速度,讓瀏覽器在顯示可視範圍內的圖片後,就算完成網頁的載入;當使用者拉動捲軸繼續瀏覽網頁的其他部份時,圖片才會依序載入。請直接看作者一目了然的範例

Pages: 1 2 »