鐵人檔案
Vibe Coding 盛行，所有網站逐漸變成Claude、GPT的樣子，一起用GSAP、ReactBits、Swiper.js、Lottie、AE等等，還有AI生成圖片及影片，再加上曾經身為電影人和設計的創意，拒絕再做出千篇一律的AI感介面，一起把網頁變成精美動畫吧！
嗨咿，我是 illumi，終於要進入到重頭戲 GSAP 了！ 迫不及待要來用程式寫動畫了嗎？在開始之前我們先全面性了解他有什麼功能！ GSAP 就像是「在程式裡...
嗨咿，我是illumi，昨天講到gsap，今天就來裝他吧！ 1. 安裝方式 把官網安裝打勾或不打勾 React 就可以看到安裝方式 不論框架是哪個，安裝指令都是...
嗨咿，我是 illumi，今天一起來用 GSAP 做這個觸發掉落的特效吧！看著有很多變化，其實只是 物件的 y 改變而已，只用到最簡單的Tween ！ 首先 i...
嗨咿，我是 illumi！ 前端要做「跑馬燈」(marquee) 時，可能會用 CSS animation： @keyframes marquee { fr...
嗨咿，我是 illumi！上篇文章你可能覺得gsap 移動只能往一個方向，今天來試著讓物件往不同方向飛，快樂爆炸吧～一樣是用TS + React + Tailw...
嗨咿，我是 illumi！是不是常常滑到「教你做出說故事的網站」，想學用程式寫，結果點開發現是figma prototype？ 一起用GSAP 的 Timeli...
嗨咿，我是 illumi，昨天我們用GSAP Timeline + ScrollTrigger 來用滑鼠播放動畫，但播到一半我想控制其他東西怎麼辦？ 外層一個大...
嗨咿，我是 illumi。昨天在gsap 進入的動畫中有沒有看到一堆字掉下來呢？我們在前幾天一起做了GSAP掉落效果，現在這個是他的進階版！為了不讓文字重疊在一...
你有沒有很常看過具有連續說故事感的網頁，例如從咖啡豆變成咖啡、從雞蛋和麵粉變成鬆餅（板塊設計）。 我曾經也超級好奇，那些物件是怎麼如此絲滑倒車入庫，放入最適當的...
當初在 Figma 上放入太陽月亮切換的晝夜按鈕，另一個前端就開始唉聲嘆氣。 我當然也有先找網路上的範本，但顏色和風格都跟我網站華麗麗的色調不搭，於是就用生成的...
