來自Web Designer Wall的一篇舊文「Style Your Ordered List」，介紹如何讓有序清單（ordered list，ol元素）的編號和內文使用不同的字型。

方法很簡單，編號的字型設定在ol的CSS樣式裡面，內文的字型則設定在ol p裡面（我之前一直沒想到可以這樣設）：

ol {
  font: italic 1em Georgia, Times, serif;
  color: #999999;
}

ol p {
  font: normal .8em Arial, Helvetica, sans-serif;
  color: #000000;
}

最後的成品就會長成這樣（編號的數字是用Georgia字型，內文則是Arial）：

Firefinder是Firebug的擴充套件，用來快速找到網頁中，符合特定CSS選擇器或是XPath表達式的HTML元素。

Firefinder的面板內會顯示符合的筆數並將這些元素條列出來，在網頁中也會用紅色虛線框將他們標示出來；當滑鼠指向面板內列出的某個元素時，網頁內相應的元素則會用藍色虛線框標示。

安裝完畢後，開啟Firefinder面板的快捷鍵是Ctrl（Command）+ Shift + V。

Toby Ng Kwong To的創作：圖解版如果世界是100人村（If the world were a village of 100 people），用相關的圖像隱喻來展示這些數據。我特別喜歡的是上面這張香蕉：

如果世界是 100 人村，有 10 人是同性戀，90 人是異性戀。

TimThumb原本是應用在Mimbo Pro這套WordPress佈景主題裡面的PHP縮圖程式，後來開發團隊將它獨立為一個開放原始碼專案，造福更多的使用者。

TimThumb用更精簡的程式碼來達成phpThumb的功能，並且加入PNG和GIF圖檔的支援，也使用快取來提高程式的效能。

使用時請將TimThumb.php引入後，使用以下語法載入網站上的圖片：

<img src="/scripts/timthumb.php?src=/images/whatever.jpg&h=150&w=150&zc=1" alt="">

參數的意義如下：

• w: 縮圖寬度
• h: 縮圖高度
• zc: 是否裁切圖片 (0 或 1)
• q: 壓縮品質 (預設為 75，最大值為 100)

而其他需要注意的事項有：

• 請開啟主機上的GD library。
• 程式會在所在位置建立名為「cache」的子資料夾，如果主機權限不允許的話，請手動建立同名資料夾，並將此資料夾權限設定為 777。
• 此外，TimThumb所在的資料夾，其權限也需要開到 777。
• 如同範例網頁顯示，請使用絕對路徑來表示程式和圖片的位置。
• 想要更加快圖片載入速度的話，請將這些規則加到你的 .htaccess檔案中。

var a = 'You can start here \
and continue here \
and then finish it up here.';

— I can’t believe I didn’t know that. 筆記…

Stéphane Caron在解析jQuery Selectors的效能這篇文章中，比較了三種selector的執行效能，有以下的發現：

1. $(’.element’) > $(’div.element’) > $(’div.element:first’)，表示使用selector的時候，越簡單（層級越少）越好。
2. 在position selectors的部份，也有相同的結果（越簡單越好）：$(’.sample-elements:first’) > $(’.sample-elements .last:last’), $(’.sample-elements div.last:last’) > $(’.sample-elements div:first’) > $(’.sample-elements div:eq(2)’)。
3. ID selectors 如 $(’#second’) 效能遠大於 class selectors，不但執行時間最短，呼叫次數也是最少的。

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

u.nu是一個新興的短網址服務（常見的有：tinyURL、0rz.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錯誤，非常奇怪。