第一張自己寫的,第二張是"得到"app截圖
很喜歡"得到",啊啊啊,我的男神是李笑來,我對他的牛叉程度還是非常佩服的,特別是他的注意力>時間>金錢的概念 ,反正這段時間跟着李笑來的專欄我自己成長了很多,其實我自己每次看得到的知識都會自己寫總結、體驗,我上次還開了自己的一個微信公衆號,寫一點自己的心得體會,那麼迴歸正題.
上面的圖片是我仿照"得到"app利用web技術 Jquery+Bootstrap+css3+html5 開發的一個web app ,大一時老師叫做過的網頁設計,感覺純css+html 超級醜(但是還嫩,技術不好),所以對前端的感覺就不咋樣,在2016-12-17參加了第三屆css開發大會,被牛人們吸引了,發現了css的新大陸,我當時就知道我想要走前端(當時的我還是個在校生) , 回來研究了一段時間的css icon,哈哈,花了大部分的時間學習前端 ,我邊學html+css,邊設計界面,感覺怎麼樣都不是很順眼,下面說說我使用框架和沒使用的差別:
用html+css : 耗時(css代碼多了很多的工程) 不夠規範性(自己設計各種類型的類名和id名,不利於多人開發和後期更改)
用戶體驗細節(例如點擊按鈕,能夠貼心的給與用戶反映~邊框顏色改變) 代碼重複利用(因爲都是自定的內外邊距,內容大小,沒有定 性化)
bootstrap : 上面寫到的基本css的使用性不夠好的地方 基本都能夠得到好的優化,還有各種插件輪播框 摺疊等等,好多用起來好舒心
所以建議初學前端的同學,如果你想要設計一個自己理想的頁面,可以邊學bootstrap邊使用,很容易上手,且界面很美
css icon : 導航欄的icon 使用css+css 3的一些僞元素 盒子陰影 2d 3d ,新手上路,正在一點點總結經驗