A15: 介紹你的專案(毛小孩星球)
1.你為何會選擇這個專案?
這個專案主要是透過Grid system 實作練習RWD網頁的切版過程。
2.你使用了什麼技術?
主要使用Html 及 CSS ,沒有套用任何套件及框架。
3.哪部分你相對能掌握?哪裡花了最多時間?
使用基本的media query 實作排版的部份都還能完成,最花時間的是轉場動畫的實作,對於動畫的使用還不是那麼熟悉,所以還需要花較多的時間練習。
4.過程中碰到什麼困難?又如何克服?(例如:查找網路文件)
在實作轉場動畫及使用偽原素上都有遇到卡關的狀況,有搜尋相關的資料及範例來參考,然後研究出解決的方法。
5.過程中你有對哪個前端技術有特別深刻的學習?
偽元素的使用是這次學習過程最深刻的部份,之前有看過相關的資料但一直沒有搞懂如何實作出偽元素,這次專案除了學習外還特別做練習。
專案codepen連結:https://codepen.io/mirageapache/pen/GRGajEK
留言
張貼留言