卜马社区是Bulma开发者交流前端的论坛,欢迎大家再次交流和互动!
卜马社区
开发者交流社区
开发者交流群 #
社区简介 #
欢迎大家在此获取帮助,同时也能给与别人帮助!
送人玫瑰,手有余香!
特点 #
知识分享:社区是非盈利平台, 本网站是原作者网站的克隆版本, 主要是对帮助文档部分进行了汉化, 方便开发者快速阅读和查询, 其它部分保持了原样。
捐赠: 如果你有意向捐赠, 此网站的所有捐赠信息是直通作者进行打款的, 自行操作即可。
互助: 有能力开发高级组件的同学, 欢迎分享你的作品, 助力开源的精神。
系统体验 #
目前Bootstrap是一个使用者众多的CSS框架, 跟CSS可以说是高度相似, 不少同学都想快速了解两者的异同, 以便判断是否适合自己的使用场景,以下是本人在使用过程中的一些体验感受, 提供大家进行参考:
页面
Bulma的页面可以说是一大亮点, 原作者本身是先学的平面设计, 后学的前端, 在潜意识中一直非常注意页面的美观性; 这也体现在CSS的组件里面, 相比Bootstrap的中规中矩的效果, Bulma的设计更加美观和丝滑, 更多设计细节的展示; 在前端开发流程中, 通常前端和UI是两个不同角色来完成, 同时具备两种能力的人不多, 但是利用Bulma的自带设计感的组件, 对于缺乏设计思维的前端工程师, 可以在一定程度上解决页面UI的美观问题。
变量
Bulma的CSS变量概念可以非常灵活的实现个性化场景的应用, 例如可以你自己的系统设计主题色进行匹配, 实现全局生效; 可以对原生设计中的概念进行改动, 更符合自己的使用场景。
组合
通常CSS框架库仅仅是提供基本元素的结构, 对于变体的细节不会做太多的延伸, 当时Bulma在这方面提供了较好的体验; 例如, 对于颜色, 会提供颜色从浅到深的20个明度变化; 同样对于字体, 颜色等, 也会提供较为丰富的梯度变化方案备选; 再就是, 对于基础组件的组合易用, 提供了常规情况下的一些选择, 可以快速进行调用, 同时可以根据自己的需求, 做出个性化的变更。