趁著最近空閒時間較多，介紹一些特殊、趣味性十足的小工具吧！如果你是網站開發者，一定知道瀏覽器都會內建「開發人員工具」，也就是打開後有很多輔助開發功能，例如最常用的是檢查打開網頁時載入那些圖片、程式或檔案，這也可用於瞭解網站是否有被拖慢速度的問題，還能點選網頁中的元件，快速查看相關程式碼、CSS 等資訊，非常好用！當然開發人員工具功能不少，這只是其中幾項，那還有沒有其他的應用方式呢？
站長工具
各類站長常用的工具，包含 SEO 搜尋引擎優化服務、PageRank 查詢、Alexa 排名、教學網站、線上編輯器等等。
DemosWP 免費 WordPress 開發測試網站，提供 MySQL、SFTP 和 SSL
One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊
設計網頁或開發使用者介面有很多「眉角」，可能在文字大小、顏色或按鈕形狀稍作調整就會有完全不同的效果，對於追求完美的設計師來說會找一群人進行 AB 測試（A/B Testing），比較兩種或多種設計中最好的表現結果，而這通常能在最短時間達到最佳的正確性，例如，在購物流程可以準確點選要加入購物車的商品，或是在查詢、註冊或加入訂閱時按下正確選項，可別小看這些設計細節，有時候一點點微小差異就足以造成相當大的影響。
Montastic 老牌免費網站監測服務，發生錯誤時發送 Email 通知
最基礎的網站監測工具可以 24 小時全天候監控網頁或伺服器，當無法連線時以 Email 或簡訊方式提醒使用者，一旦發生問題就能立即處理，減少損失，而監測服務也相當多樣化，還能針對網頁中出現的文字進行判斷，例如出現某段文字或文字消失時也能發送通知，相較於只能檢測伺服器是否可以連線來說也更具彈性。這類服務通常不是免費，但都會提供免費方案，例如 Site24x7、Uptime Robot 和 Downtime Monkey，有興趣的朋友可以自己研究一下。
CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3，在 CSS3 也加入許多新的功能，其中也支援動畫和立體效果，這都讓網頁能有更多更不同的變化，也不需要再使用舊方法，讓效果在編寫及管理上更輕鬆。
