一個好的動態會讓好的網頁設計,瞬間成為網站界愛馬仕 / 特斯拉!動態網頁比起靜態的網頁,更能完整傳遞網站的故事和訊息,減少網站跳出率、提高點擊率、甚至轉換率。
那客戶想要什麼動態?他們卻是一臉黑人問號。
所以這次鐵人賽,想要搜集網路的案例、教學,(希望可以) 做出 30 個可用的/常見的/很炫的動態提案,並在做中重新爬梳背後的原理和程式邏輯:從最基本的CSS、SVG 動畫到 利用JS、 Canvas 、D3.js 以及 Three.js。
菜鳥工程師也可以很罩地跟客戶說:別擔心,這是我的網頁動態提案!
今天來讓地圖動起來!老樣子,先看成果~神秘的非洲大陸~相信沒幾個人認識這些國家吧XDDD 我自己覺得地圖只要格式對的話,其實用D3.js去繪製不難,我遇到的難點...
今天玩玩時下最夯的Tailwind啦~把這30天的文章&Demo收集起來變成一個30天的彙整網站! (原定要寫的Three.js改成Tailwind動畫,因為t...
Yo! 因為用Gulp包其他頁面,但最後一頁臨時改成用Tailwind,在設定上卡了一下...一起紀錄下。這篇的大綱 1.漸入的動態菜單 (還是要有動態提案!...