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 稍差一些,也有大量社群支援。
最知名且擁有龐大社群與支援的輕量級程式編輯器,有大量外掛可以增強其功能,但中文支援差強人意。