Share Button：jQuery 社群分享按鈕 Plugin

Share Button 是一個 jQuery 的社群分享按鈕 plugin，並且可以依照自己的網站風格自訂分享按鈕的樣式。

目前許多社群網站都有提供分享按鈕的功能，但是這類的分享功能有一些缺點：

• 通常會附帶載入一些不必要的 JavaScript 程式碼，讓網頁載入的速度變慢。
• 預設的按鈕可能會部符合網站的整體設計風格，造成畫面產生突兀的感覺，而使用者也無法任意更改樣式。
• 每次需要在網頁中加上按鈕時，都要使用 Google 查詢像「facebook like button」這樣的關鍵字，找到官方網站的程式碼產生工具，產生程式碼後再複製回自己的網頁中，不僅讓整個網頁程式碼顯得很雜亂（尤其是在加入好幾種社群的分享按鈕的時候），而且也不方便。
• 分享按鈕本身會佔去過多的網頁版面，不是很好看。

而 Share Button 這個 jQuery 小工具可以提供一個解決方案，並且有下面幾項優點：

• 不需要使用任何的 iframe 或是載入多餘的 JavaScript，可讓網頁的載入速度變快。
• 預設的版面很清爽，使用者也可以自行更改樣式。
• 使用上很簡單，只要引入它的 JavaScript 檔，再呼叫 .share() 函數就可以了，程式碼只需要兩行。
• 按鈕很簡潔，當使用者按下時，才會顯示所有的分享按鈕。

Share Button 的官方網站有 Demo 可以看它實際的效果。

Bigfoot.js：以對話方塊顯示網頁文章註解的 jQuery Plugin

Bigfoot.js 是一個可以使用對話方塊顯示網頁文章註解的 jQuery Plugin，讓讀者在閱讀時不用捲動網頁即可即時閱讀註解。

一般在網頁或是部落格中撰寫文章時，有時後會遇到需要加入註解（註腳）的情況，而讀者在閱讀含有註解的文章時，通常會需要使用捲軸（或是以超連結的方式）往下捲動網頁到下方的註解處來閱讀，閱讀完註解再回到本文繼續閱讀。

Adaptive Backgrounds：一個可以依照圖片主題顏色動態調整背景的 jQuery Plugin

這裡介紹 Adaptive Backgrounds 這個 jQuery plugin，它可以依照圖片的主題動態更改背景顏色。

Adaptive Backgrounds 是一個 jQuery 的 plugin，它可以取出一張圖片中最主要的顏色，並將該顏色套用在圖片的上一層網頁元素上，藉此製作出一個跟圖片主題相似的背景。

這個 plugin 是運用 ImageData 與 <canvas> 來達到這個效果的，而由於安全性的因素，這種 JavaScript 只能處理同一個網站的圖片，或是允許 Cross Origin Resource Sharing 的圖片。

使用 ScrollUp jQuery Plugin 在網頁與部落格中加入回到頁首（Back To Top）按鈕

這裡介紹如何使用 scrollUp jQuery Plugin，在網頁與部落格中加入回到頁首（Back To Top）的按鈕。

有些網頁設計者會在一些內容比較長的網頁中加入回到頁首（Back To Top）的按鈕，這種按鈕在一開始載入網頁時並不會顯示，而在使用者往下捲動網頁內容時就會自動出現在畫面的角落，只要使用者用滑鼠點一下這個按鈕，就會自動將捲軸拉到最上方，是一個可以讓使用者更方便瀏覽網頁的小功能。