iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

網頁學習雜記 系列

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

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

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

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

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></...

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

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

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

Day 27 | CSS Image Block Reveal Hover Effects

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

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

Day 28 | Circular timer animation

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

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 分享