iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

這個網站也太嗨!30 個網頁動態提案 系列

一個好的動態會讓好的網頁設計,瞬間成為網站界愛馬仕 / 特斯拉!動態網頁比起靜態的網頁,更能完整傳遞網站的故事和訊息,減少網站跳出率、提高點擊率、甚至轉換率。

那客戶想要什麼動態?他們卻是一臉黑人問號。

所以這次鐵人賽,想要搜集網路的案例、教學,(希望可以) 做出 30 個可用的/常見的/很炫的動態提案,並在做中重新爬梳背後的原理和程式邏輯:從最基本的CSS、SVG 動畫到 利用JS、 Canvas 、D3.js 以及 Three.js。

菜鳥工程師也可以很罩地跟客戶說:別擔心,這是我的網頁動態提案!

鐵人鍊成 | 共 33 篇文章 | 20 人訂閱 訂閱系列文 RSS系列文 團隊寫 code 需要講幹話
DAY 29

#28- D3.js 地圖動起來!用SVG viewbox/D3 fitExtent讓地圖置中

今天來讓地圖動起來! 老樣子,先看成果~神秘的非洲大陸~ 相信沒幾個人認識這些國家吧XDDD 我自己覺得地圖只要格式對的話,其實用D3.js去繪製不難, 我遇...

2021-10-14 ‧ 由 Rachel ? 分享
DAY 30

#29-網站Tips動起來!用Tailwind自訂動畫&Hover動畫~

今天玩玩時下最夯的Tailwind啦~ 把這30天的文章&Demo收集起來變成一個30天的彙整網站! (原定要寫的Three.js改成Tailwind動畫,因為...

2021-10-15 ‧ 由 Rachel ? 分享
DAY 30

#30-用Tailwind&Gulp做個動態菜單網站(完賽!)

Yo! 因為用Gulp包其他頁面,但最後一頁臨時改成用Tailwind, 在設定上卡了一下...一起紀錄下。 這篇的大綱 1.漸入的動態菜單 (還是要有動態提...

2021-10-15 ‧ 由 Rachel ? 分享