鐵人檔案
Vibe Coding 盛行，所有網站逐漸變成Claude、GPT的樣子，一起用GSAP、ReactBits、Swiper.js、Lottie、AE等等，還有AI生成圖片及影片，再加上曾經身為電影人和設計的創意，拒絕再做出千篇一律的AI感介面，一起把網頁變成精美動畫吧！
嗨咿我是illumi ！ 這幾年來，Vibe Coding 盛行，網站介面逐漸被 AI 模板統一：一片 Claude 風、GPT 風。於是，那些有著獨特設計的具...
嗨咿我是illumi，今天來講最簡單最快看到成果的酷酷東西吧！如果你想要在網頁上放動畫，你可能會選擇以下這些格式： 需求 建議格式 簡單循環小動畫...
嗨咿，我是illumi，昨天講到用lottiefiles的既有動畫放到網頁上，今天來說說怎麼把各位動畫大師的大作，壓縮到最小放到網頁上！ 步驟流程 Step1...
嗨咿，我是illumi，昨天講到用AE輸出lottie，但帶有影片和圖片的Comp無法輸出怎麼辦，可以先輸出透明影片再轉成Webm！ 1 . AE 後製處理 a...
嗨咿，我是 illumi，昨天講到用 AE 輸出透明影片轉 WebM 放到網頁上，結果發現 Safari 完全不支援 WebM，甚至在 iPad / iPhon...
嗨咿，我是illumi，都有動畫了，怎麼可以沒有音效呢？一起來當網頁混音師吧！ 1. 音效元件 如果你用React，音效包成一個 useSound.ts 元件...
嗨咿，我是 illumi，前天講到用png sequence 可以解決 Safari 不支援 WebM 的問題，那怎麼讓不同瀏覽器用上不同元件呢！ Step.1...
只是想快速弄一個超炫的 液態玻璃效果、或者帥到掉渣的 3D卡片交互，不想放動畫，用程式寫一個又好懶。 這時候直接貼上現成元件庫最香了。 隆重介紹 —— Reac...
嗨咿，我是 illumi，前天講到點擊觸發音效的，那今天來一起做一個。雖然現在網站比較不會放音樂，但像Awwwards上那種沈浸感的網站背景音樂，就會放背景音樂...
網頁動畫全攻略：從 className 到 GSAP，怎麼選？ 嗨咿，我是 illumi，一開始我們介紹用AE、Lottie 做動畫，還有 Reactbits...
