Day3 金魚 稀飯版

簡單小語

依稀記得當初看到Amos老師說稀飯版就是吃飯一樣簡單，那時的我真覺得太扯了，要切出那樣的版面居然說是簡單，到這次刻意練習時發現，其實不難但是要做好很難，很多細節需要調整，回頭看發現當初刻意做的animation反而很吃效能因此就先沒練習，刻意練習真的可以看出自己過去的模樣呢，一股腦地練習並實作，加深記憶且更加了解CSS樣式及HTML結構要走要學的路還很長，期許自己不要放棄，保持熱忱。

筆記分享

1. 一個頁面只有一個h1，因為SEO關係最好放最重要的樣式，也就是logo。
2. h1替代圖片是很常用的方式，須牢記在心。
3. 利用結構大致相同的方式撰寫HTML，在排版時就能快速達到效果，item。
4. 加了RWD讓自己更多練習的機會(畢竟是必備技能)。
5. header盡量不要寫死高度，利用padding推擠的方式撐開，可塑性高。
6. 設定transition時間可延遲hover滑過的變化，不會感覺死死的。
7. flex的應用還不夠熟悉，有時會直覺想用但其實根本不用用flex。
8. transform: scale()，可以控制變大變小，多加熟悉。
9. header 的 RWD變化多種，融會貫通後可多加運用。
10. 稀飯版是基本，還是要注意細節，padding及margin的使用掌握。

刻意練習

Practice(200714 Day 3)

首次練習

Practice(200519_稀飯版)

2020 iT邦幫忙鐵人賽 Day3 網頁前端-刻意練習(稀飯版)