你用到了 CSS 框架中的百分之多少?
最近工作中要求必須使用 bootstrap,以前沒有使用過,也可能是因為我對它還沒有深入的了解和習慣,用起來總是感覺很累贅。設計師出的原型如果完全使用 bootstrap 里提供的樣式來寫的話,需要自己額外寫很多的代碼和各種 !important。
bootstrap 提供的各類組件確實很好用,但是我總感覺如果設計師不懂前端或 bootstrap,組件再多也是白費。很早以前就知道 960grid 之類的 css 框架,但是一直未曾使用和了解,有常使用的朋友能來給我解答解答么?是不是我思考的方式不對?應該如何正確的面對和使用 css 框架?
謝邀啦
個人在實際項目中,各種開源框架的使用率是0,其實這些框架給我們更多的是參考意義。然後在實際項目中,會去根據具體需求來搭建自己的更簡單的框架。因為實際項目中會考慮更多的代碼優化和效率。
嗯,最有價值的是他們的思路,而不是直接拿來用。
另外同意張塔的說法,bootstrap是給前端開發用的,不是給設計師用的。當然,設計師也可以參考bootstrap的設計實現。
所以,類似bootstrap這樣非常完善的框架,我在自己的小項目中會完全使用。因為可以快速實現而不用考慮太多差異化的表現。
當然,如果工作中必須要使用bootstrap的話,根據項目將其改造一下也是可以的吧~~// 之前對前段框架和 CSS 框架的概念混淆了,糾正一下。
題中提到了 Bootstrap 和 960gs 兩個框架。Bootstrap 屬於前端框架,而 960gs 可被稱為 CSS 框架,兩者包含的範疇相差甚遠。960gs 只是定義了網站設計常用的柵格系統(Grid System),使用者只要在 HTML 中添加框架中定義好的布局 class,就可以方便地進行柵格布局。而 Bootstrap 本身除了定義柵格系統,還定義了完整的視覺規範和交互行為。960gs 的覆蓋面不可與其同日而語。因此,不會用到Bootstrap的 100% 很正常。若反感 Bootstrap 被過度定義的樣式,並對 Sass 感興趣的話,亦可嘗試 inuit.css 框架: https://github.com/csswizardry/inuit.css這個問題其實和前端本身的關聯不大,它的本質是團隊內一種角色能否走出其舒適區,放棄其專業性換來另一種角色乃至整個項目效率的提升。
我雖然沒做過前端,但仍然聽說了bootstrap,也試用過,效果很理想----很傻瓜,而且有很好的兼容性。其他的記得一個blueprint。但你的問題不在CSS,而是設計師(不知道是不是設計頁面流程和交互的)做出設計而且要求用 bootstrap 實現。如果僅僅出於類似於可維護性來可慮還不是很可取。
公司一個小程序我嘗試用了 bootstrap,行業QQ群網址導航
【QQ群大全】-黃頁88網
對於互聯網應用來說,快速上線試錯,根據用戶的反饋不斷的迭代修改是很重要的開發方式,先開槍後瞄準嘛,這也很符合精益創業中的小步快跑理念。
能提高生產力,避免重複造輪子的工作,這可能就是CSS框架的意義。
我去過的網站中,只有http://www.codecademy.com/是使用bootstrap做框架的。一來是使用bootstrap需要考慮低版本IE的兼容問題(所以國內網站幾乎不會用),二來是使用bootstrap會造成網站風格非常統一,不容易跟其他網站區分開來。
我個人的blog是使用bootstrap開發的,對於不懂設計的人或者是想要快速搭建項目的人,bootstrap非常合適。
另一方面,我覺得這類框架實際上是提供一種class命名規範,比如劇中容器就叫container,導航條就叫navbar等等。而如果需要 自己定製,也不並不一定非得加上!important之類,完全可以去修改原來的bootstrap.css。在http://bootswatch.com/(免費)上或者https://wrapbootstrap.com/(收費)上都可以找到一些別人修改過的css。1.不是為你的業務專門設計的,難滿足業務需求。 2.框架代碼龐大,不是所有代碼用得上,導致請求過多不必要的代碼。 3.通常在內部系統中會使用框架,對流量沒有要求,方便快速開發,又不追求外觀。
推薦閱讀:
※css3怎麼實現高度從固定到自動的過渡動畫?
※一個前端開發工程師,什麼最重要?
※Web前端崗位面試題有哪些?
※如何評價阿當的文章《當我說前端基礎時,我在說什麼》?
※研三通信女生,現在轉前端晚嗎?