使用bootstrap+css icon仿真"得到"app页面

    

第一张自己写的,第二张是"得到"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 ,新手上路,正在一点点总结经验