Headroom 可以做出往下滑就隱藏 選單/header ，往上滑就重新出現的效果，類似手機上常見的介面
Parallax.js 也是一個視差外掛，但他不是用在滾動上，他的特色是根據滑鼠移動來位移 HTML 元素，可以創造出很有趣的互動效果。
也是一個滾動切換外掛，但是他的特色是左右會用不同的方向翻進來，創造出非常有趣的效果
專門做整頁向下切換翻頁的 JS 套件
一個可以用來作滾動翻頁與動態特效的JS套件
用來製作滑鼠移動到卡片上時，能夠 3D 微調方向的外掛
功能簡單但強大的視差捲動外掛，不只背景，還可以支援 foreground div 的視差
背景視差特效工具，特色是可以支援影片與 Youtube 的背影播放與視差
Screaming Frog 是一個安裝在電腦上執行的全站分析工具，可以幫助您了解網站架構及網站內部連結的配置，是優化中不可缺少的好工具。
Muzli 是一個 Chrome 外掛，以圖卡方式將圖文整理在同一個畫面裡，方便使用者在開新分頁時可以快速檢視，看看有沒有任何令你有興趣的主題。
本文件提供一個易讀且清晰的常用中文網頁排版指南，供網頁設計師參考。
中文與英文的隱私權條款範例模板，以《政府網站版型與內容管理規範》中為基礎的隱私權政策範本，稍微調整過移除不適用一般企業的項目，更改網站名稱即可使用。
Biteable 是一個，快速、簡單，不用太多學習就能立刻製作形象影片的的影片套版製作工具。
非常好用的圖片壓縮服務，可以快速將各種圖片檔轉成網頁最佳化的品質與大小。
以蘋果日報、賴和與徐志摩為語料庫的中文假文產生器，內容較具可讀性，但一樣沒意義（笑）。
快速產生我們稱為 Lorem Ipsum 的無意義英文假文用來填塞頁面用。
Pravatar 是一個提供隨機頭像圖片的線上服務，適合開發者在開發和測試階段使用，無需自行準備頭像素材，最大的特色是支援用自訂字串取得固定的頭像。
簡單好用的線上即時假圖產生器，以 Unsplash 內的 CC0 圖片為主，會隨機產生相關圖片作為設計填塞用。
簡單好用的線上即時假圖產生器，只要輸入對應網址並插入在 img 標籤中就能使用
線上 CSS 測試沙箱，可以編寫測試程式碼或範例給他人觀看，或是嵌入網頁作為文件使用。
線上 Javascript 測試沙箱，可以編寫測試程式碼或範例給他人觀看，或是嵌入網頁作為文件使用。
Nuclide 是 Fackbook 開發的開源免費 IDE，與 Atom 一樣採用 Electron 技術，是專門為 React 與 Hack 而生的 IDE。
IDEA 的完整版全功能 IDE，或者任何一套後端主力 IDE 如 PHPStorm、Rubymine 或 PyCharm 等等，都能完整支援前端開發工作。
IDEA 系列成員之一，專門開發來支援 Web 前端開發的強大 IDE，需要付費，但近年來頗受好評，Opensource 專案或教育專案有機會免費使用。
專門為了 Web 語言而開發的免費 IDE，是 Eclipse 的家族成員之一。
微軟推出的強大編輯器，擁有豐富的功能與外掛。
功能極為強大完整的程式碼編輯器，可以當半個 IDE 使用，當然也較為肥大一些，支援中文 Big5 與 UTF-8 之間的轉換。
由 GitHub 開發，採用 Web 技術編寫的編輯器，功能更為強大，但效能比 Sublime 稍差一些，也有大量社群支援。
最知名且擁有龐大社群與支援的輕量級程式編輯器，有大量外掛可以增強其功能，但中文支援差強人意。
