Vibe Coding 盛行,所有網站逐漸變成Claude、GPT的樣子,一起用GSAP、ReactBits、Swiper.js、Lottie、AE等等,還有AI生成圖片及影片,再加上曾經身為電影人和設計的創意,拒絕再做出千篇一律的AI感介面,一起把網頁變成精美動畫吧!
嗨咿,我是 illumi!繼續昨天設定的晝夜模式按鈕,今天要把顏色都定義好。不用看著 UI 的 稿一個一個對照,一鍵下載! 用 Figma Material 色...
嗨嗨,我是 illumi~做輪播圖還在自己手寫嗎?我整理好各種情境可以選用哪個輪播套件,一起來看看吧 ~ 輪播套件大集合 目前常見的輪播工具有: Slic...
嗨咿,我是 illumi!今天跟大家一起用純Js做輪播圖,只要去Swiper官網複製,就可以得到輪播圖!但預設的小圓點分頁 (pagination) 有點單調,...
嗨咿我是illumi,習慣Tailwind的你是否也曾經被 Swiper 的官方範例搞得頭昏腦脹?要寫一堆 CSS、還要手動建立每個 SwiperSlide,超...
嗨咿,我是 illumi!最近新開了一個專案想要有中英兩種以上語言切換,但要選擇哪個工具呢?一起來研究不同工具的差別吧~ 首先!我先說!盡量在專案一開始就做,不...
嗨咿,我是 illumi!昨天介紹了多語系網站的工具,今天號召所有用Next.js App 的大朋友小朋友,一起來用 next-intl 實踐語言切換吧! 1...
嗨咿,我是illumi,在使用 Next-intl 做多語系網站時,處理多行文字總是讓人糾結:每行都要命名好麻煩,有沒有更快的方法? 到底哪種比較好?讓我們用實...
嗨咿我是illumi,今天進入到最後一個單元了! 當你想要在網站中加入炫酷的3D元素時,第一個想到的可能是Three.js。但是等等!在你開始深入複雜的3D數學...
嗨咿,我是 illumi! 有玩過 Spline 的人應該都知道:如果你沒有會員,匯出的場景會有一個 超大 LOGO 浮水印, 放到正式網站就有點尷尬了。 那怎...
嗨咿,我是illumi。來到最後一天~ 展示中用的作品範例在這邊 這一個月跨越了火箭隊的發表、比賽、找工作的日程,寫文的時間根本都是擠出來的。這其中很多都是我...