非常有名的動畫CSS工具,只要用類似 fadeInUp 這樣的 CSS class 就能製作各種動畫入場或離場特效,通常會搭配 wow.js 使用。
WOW.js 非常熱門,滾動到特定元素後會出現在頁面上,就這麼簡單。通常會搭配 animate.css 製作滑入特效
Waypoints 是一個方便的外掛,可以在滾動到特定元素時,執行你需要的自定程式碼。用在滾動後執行任何動作非常方便。
GSAP 是 GreenSock Animation Platform 的簡稱,是一套專門處理動畫與特效的 JS 套件。功能非常強大,是很多特效網站採用的工具。
也是一款滾動特效外掛,特點是完全跟著滾動的數值更新位置,且
另一個可做出如同星空般的視差效果
可做出如同星空般的視差效果
Headroom 可以做出往下滑就隱藏 選單/header ,往上滑就重新出現的效果,類似手機上常見的介面
Parallax.js 也是一個視差外掛,但他不是用在滾動上,他的特色是根據滑鼠移動來位移 HTML 元素,可以創造出很有趣的互動效果。
也是一個滾動切換外掛,但是他的特色是左右會用不同的方向翻進來,創造出非常有趣的效果
專門做整頁向下切換翻頁的 JS 套件
一個可以用來作滾動翻頁與動態特效的JS套件
用來製作滑鼠移動到卡片上時,能夠 3D 微調方向的外掛
功能簡單但強大的視差捲動外掛,不只背景,還可以支援 foreground div 的視差
背景視差特效工具,特色是可以支援影片與 Youtube 的背影播放與視差
Screaming Frog 是一個安裝在電腦上執行的全站分析工具,可以幫助您了解網站架構及網站內部連結的配置,是優化中不可缺少的好工具。
Muzli 是一個 Chrome 外掛,以圖卡方式將圖文整理在同一個畫面裡,方便使用者在開新分頁時可以快速檢視,看看有沒有任何令你有興趣的主題。
本文件提供一個易讀且清晰的常用中文網頁排版指南,供網頁設計師參考。
中文與英文的隱私權條款範例模板,以《政府網站版型與內容管理規範》中為基礎的隱私權政策範本,稍微調整過移除不適用一般企業的項目,更改網站名稱即可使用。
Biteable 是一個,快速、簡單,不用太多學習就能立刻製作形象影片的的影片套版製作工具。
非常好用的圖片壓縮服務,可以快速將各種圖片檔轉成網頁最佳化的品質與大小。
以蘋果日報、賴和與徐志摩為語料庫的中文假文產生器,內容較具可讀性,但一樣沒意義(笑)。
快速產生我們稱為 Lorem Ipsum 的無意義英文假文用來填塞頁面用。
可快速取用的線上隨機大頭貼工具,方便設計 UI 或前端介面時替刻插入 Avatar,最大的特色是支援用自訂字串取得固定的頭像。
簡單好用的線上即時假圖產生器,以 Unsplash 內的 CC0 圖片為主,會隨機產生相關圖片作為設計填塞用。
簡單好用的線上即時假圖產生器,只要輸入對應網址並插入在 img 標籤中就能使用
線上 CSS 測試沙箱,可以編寫測試程式碼或範例給他人觀看,或是嵌入網頁作為文件使用。
線上 Javascript 測試沙箱,可以編寫測試程式碼或範例給他人觀看,或是嵌入網頁作為文件使用。
Nuclide 是 Fackbook 開發的開源免費 IDE,與 Atom 一樣採用 Electron 技術,是專門為 React 與 Hack 而生的 IDE。