之前想過, 應該由零開始去做, 還是download 一個template. 再去修改. 結果還是決定先有個template, 再做優化. 因為太想早點完成個template, 我選了一個基本,不太像完成品的. 因為選太高端的, 感覺是不像自己做. 便失去了學習的意義.

這個template, 在github找的. 看coding. 是用了foundation 來處理responsive web design. 沒有其他特別技術.

1. 希望加入css animation 完成
2. 用svg 來展示大cover image 完成
3. skillset 可以用progress bar之類來展示
4. 加個go to top的button 完成
5. 加一個右拉式選單 for web responsive design 完成
6. 浮動連結,並利用scroll bar判斷作用的連結
7. 搜尋內文功能,加入highlight 完成
8. 優化載入速度 完成(現在Google PageSpeed的分數是行動版80分/桌上版94分)

1. 13/9 正式上傳
2. 14/9 加入go to top的button
3. 15/9 封面的clip-path完成. 但不能實現ie/edge.
4. 19/9 加入menu
5. 1/10 封面的clip-path解決瀏覽器兼容問題.
6. 7/10 當menu或搜尋時,隱藏go-top button
7. 26/10 加入loader

1. master: default branch
2. v1: 新增menu前的branch