iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

網頁學習雜記 系列

原本想寫的主題,
我決定報名到主題競賽去,
這裡我想分享一些跟網頁有關的內容,
可能是不錯的教學影片、網站或是其他。

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 | 變形的源頭 - transform-origin

昨天講了 transform,今天來講跟他配合的 transform-origin。 先來講一下 transform-origin 的 keyword,x-of...

2020-10-06 ‧ 由 Zombie@Dump 分享
DAY 22

Day 22 | Number Facts

今天來分享一下之前看 Youtube 做的小小 api 串接練習,影片在此,用來串接的網站是這個,這個網址會提供你一些關於數字的小知識。主要是拿來做筆記,所以就...

2020-10-07 ‧ 由 Zombie@Dump 分享
DAY 23

Day 23 | 吸睛的滑鼠

今天想要分享另一個我在 Youtube 上面看到的教學,是個眼球會隨著你的滑鼠移動的小練習,影片連結在此。 覺得 JS 有好多種 X、Y,常常記不起來各是指什麼...

2020-10-08 ‧ 由 Zombie@Dump 分享
DAY 24

Day 24 | 來做個搖擺的球吧

今天就來講一下 transform-origin 的應用吧!來做一個搖擺的球,會長這樣 HTML簡單的一行 span <span></span...

2020-10-09 ‧ 由 Zombie@Dump 分享
DAY 25

Day 25 | 變換背景 - Pure CSS

今天來分享一下 hover 物件時更換背景顏色的方法,我是看到這個 Youtube 影片,但我的寫法跟他的沒有完全一樣,可以兩邊都看看比較一下,當然也有不同種寫...

2020-10-10 ‧ 由 Zombie@Dump 分享
DAY 26

Day 26 | Responsive Card Hover Effects

今天要分享的是這個,不過他影片中使用的方式我不是很喜歡,他是直接寫死了物件的高度,但如果想要做到這個效果好像怎麼樣都得寫死一個東西,加上我發現 height 設...

2020-10-11 ‧ 由 Zombie@Dump 分享
DAY 27

Day 27 | CSS Image Block Reveal Hover Effects

今天想要分享的是這個,記得我當時看到這個效果的時候覺得真的是炫炮過頭了,馬上整個影片看完做練習,做一做還邊想可以用什麼不一樣的方式做,結果我老師建議我可以用 b...

2020-10-12 ‧ 由 Zombie@Dump 分享
DAY 28

Day 28 | Circular timer animation

今天要來分享我看 Youtube 影片做出來的 timer,照慣例先放影片連結,用他裡面提到的觀念延伸做出我這個 timer。 HTML <div cla...

2020-10-13 ‧ 由 Zombie@Dump 分享
DAY 29

Day 29 | GitHub Pages 初體驗

今天想分享一下如何上傳自己的 GitHub Pages,可以參考高見龍的 使用 GitHub 免費製作個人網站,恩然後我就分享完了!我們明天見(欠揍!) 我用...

2020-10-14 ‧ 由 Zombie@Dump 分享
DAY 30

Day 30 | 我居然完賽了了了~

終於來到鐵人賽最後一天啦~~~原先只想挑戰看看自己能不能堅持一件事情 30 天,加上有被建議說,寫鐵人賽也是個可以被放進履歷的經歷,在 9/1 就有在猶豫要不要...

2020-10-15 ‧ 由 Zombie@Dump 分享