[圖解版] 如果世界是100人村

原文是:89 人是異性戀,11 人是同性戀

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

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

TimThumb:PHP縮圖程式

TimThumb

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檔案中。

多行 JavaScript

Snook.ca看到的,在寫JavaScript的時候,脫逸字元「\」也可以用來讓程式碼換行:

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

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

解析jQuery Selectors的效能

pictures from http://www.no-margin-for-errors.com/

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 Timeline

Gameboy Timeline

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

Pages: « 1 2 3 4 5 6 ...101 102 103 »