4006094309

好用的web前端ui框架

  当今时代众多CSS的前端框架纷涌而至、但是真正出色的却屈指可数、本文我们将对我个人认为比较好的五个框架进行比较、每个框架都有自己优缺点和特定的应用领域、这允许你根据特定项目的需求选择合适的框架、比如、如果你的项目比较简单、你就不需要复杂的框架、此外、许多选项是模块化的、这允许你仅使用你需要的组件,或者混合使用不同框架的组件

  1、BOOTSTRAP

  Bootstrap 在当今流行的各种框架中是无可争议的老大、鉴于其每天仍在增长的巨大人气、可以肯定、这个美妙的工具不会让你失望、它也不会在你成功建立网站前就离你而去。Bootstrap,来自 Twitter,是目前备受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA锝擄絻锝掞綁锝愶綌 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
BOOTSTRAP示范

  2、FOUNDATION BY ZURB

  Foundation是这几个框架中第二大的、在像ZURB一样实力雄厚的公司支持下、这个框架确实很强大、是的、就是foundation、毕竟、 Foundation已经在很多大型网站上投入使用、包括 Facebook, Mozilla, Ebay, Yahoo!和国家地理等等。Foundation说明:Foundation 是一个提供业务支持、培训和咨询真正专业的框架。它还提供了很多资源帮助你更快和更容易学习和使用框架。

  3. Semantic UI

  Semantic UI 经过多年的努力,致力于能够以更语义化的方式构建网站。它使用自然语言的原则,使代码更可读,更容易理解。Semantic UI 是一个 UI 库,使前端开发更简单,更容易学习。Semantic UI 介绍了许多界面元素。在大多数情况下,只有你需要的元素建立一个自定义的构建可能是比较好的。 UI 组件分为四大类,范围从小到范围分为:用户界面 ,UI 元素集合,UI 模块和用户界面视图。

  4. Pure by Yahoo!

  Pure是一个轻量级的、模块化的框架,以纯CSS编写,它包括很多组件,你可以根据需要联合或独立使用它们。

Pure说明:

  Pure只提供一个基本的风格,使你的项目有一个干净的开始。对于工作中不需要一个全功能的框架只需要有特定的组件的人来说是理想的。

  5. UIkit by YOOtheme

  UIkit 是一个简洁的框架,它易于使用,易于定制组件。虽然它不像其它竞争对手一样受欢迎,但它提供了相同的功能和质量。UIkit 是 YOOtheme 团队开发的一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS及JS组件,它们使用简单,容易定制和扩展。它基于LESS开发,代码结构清晰简单,易于扩展和维护,并且具有体积小、反应灵敏的响应式组件,你可以根据 UIKit 基本的风格样式,轻松地自定义创建出自己喜欢的主题样式。

  后,在选择合适的框架方面,让我给你一些意见,这里有一些重要的事情需要注意:

  这个框架有足够的人气吗?更大的普及意味着更多的人参与这个项目,因此,会有更多来自社区的教程和文章,更多真实的案例/网站,更多第三方扩展,与相关web开发产品更好地结合。巨大的人气也意味着框架不太会过时,毕竟一个有着巨大群体使用的框架是不太可能被放弃的。
12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章