quietube 給你一個不受打擾的 VIP 包廂，讓你靜靜看完 YouTube 影片（目前還支援 Viddler 和 Vimeo 這兩個網站）。

這裡的安靜指的是一個極簡的頁面，拿掉了視頻網站頁面內常見的其他元素：評分、回應、相關影片、廣告等等。

使用時需將 quietube 首頁的按鈕拖曳到瀏覽器的工具列中，然後在觀賞 YouTube （或其他兩個網站）的影片時，按下這個 bookmarklet，即會導向 quietube 所產生的網頁。 [via Google Blogoscoped]

今天看到 Keith 畫的手繪風格圖示，覺得挺喜歡那種有點童趣的質樸，再加上之前注意到的幾套，貼出來跟大家分享：

• 20 Free Hand-Drawn Icons by Keith：有 PSD 和 PNG 兩種格式。



• Handycons：12個 Web 2.0 社群網站圖示，PNG 格式。



• Handycons2：20個 PNG 圖示，和上一組圖示出自同一位作者。



• Social Icons hand drawned by ~TheG-Force：14個 PNG 圖示，以熱門網站、CMS 和瀏覽器為主題。



• Free Hand Drawn Doodle Icon Set for Bloggers：14 個 PNG 圖示。

以上圖示皆可免費下載，不過使用前別忘了看一下授權範圍說明。

之前使用的Plugin – SyntaxHighlighter，似乎是升級後，就出現了一些問題，和我的WordPress不相容。今天在看這篇文章時，發現了改寫自這隻Plugin的SyntaxHighlighter Plus，輸出的原始碼格式更清楚，於是改用之。 | 繼續閱讀…

addSizes.js是一隻可以自動顯示網頁中，連結檔案類型和大小的script。舉例而言，如果有一個連結是「按此下載檔案」，那麼會自動轉換為「按此下載檔案（pdf 1.2 MB）」，非常聰明。

這隻script是利用Google App Engine的json-head，無須下載整個檔案，便可取得其大小資訊。

使用前必須先引入jQuery，此外，如果Google App Engine掛點，這隻script就沒用了。根據addSizes.js的原始碼，目前支援顯示的檔案類型有：PDF, DOC, MP3, M4U，有興趣的人可以再自行增加種類。成品請參考我的範例網頁。[via WebResourcesDepot]

在網頁中需要動態顯示年份的話，最常見的應用應該是在Copyright的宣告上：

Copyright © 2005 – 2008 Idea Grapes

在這邊我們通常會希望後面的年份，可以動態顯示至當年度的年份，也就是明年就自動改為2009。如果主機是在PHP環境底下，可以這麼寫：

Copyright &copy; 2005 - <?php echo date("Y"); ?> Idea Grapes

若是主機端不支援動態程式的話，也可以使用javascript來顯示今年年度：

<script type="text/javascript">
var d = new Date()
document.write(d.getFullYear())
</script>

除了動態顯示年份之外，還要注意，版權符號請使用©，可以通過W3C的XHTML驗證，也不會有字元集設定不同，造成顯示為亂碼的問題。[via Design Shack]