Month January 2024

file-upload

前端檔案上傳: 選擇檔案與拖曳取得檔案

製作網頁上傳區域,結合拖曳及點擊選擇檔案功能,提升使用者體驗。透過直覺的拖曳動作或傳統的點擊方式,輕鬆選取檔案,使整個上傳流程更為靈活且方便,凸顯網頁互動設計的創新與便利性。
google-sheets-to-json

用 Google Sheets 產生 API 取得 JSON 格式資料

本文將帶你了解如何利用 Google Sheets,輕鬆又快速地生成一個 API,使得你可以用 JSON 格式獲取你的資料。這樣的做法不僅簡化了資料分享的流程,還為開發者提供了更多應用的可能性。
gsap

GSAP 教學: ScrollTrigger

ScrollTrigger 是 GSAP 的一個擴充套件,用來製作滑鼠滾動觸發動畫。GSAP ScrollTrigger 提供強大的滾動控制,讓網頁動畫輕鬆實現。透過簡單的 API,你能精確掌握動畫觸發點、速度和方向,呈現更流暢、自然的視覺效果。
gsap

GSAP 教學: Timeline

GSAP Timeline 是 Tween 或者其他 Timeline 的容器,讓我們可以更簡單的製作複雜的動畫。舉例來說,如果沒有 Timeline 我們就只能用 Tween 上的 delay 屬性來決定動畫的先後,但透過 Timeline,我們就可以直接指定動畫的先後順序