现如今上海网站开发快要被多种各样的 CSS 前端框架给淹没了，真做的不错的其实也就那么几个。本文将对比五个新概念科技（上海网站制作）认为是现在较好的框架。这些框架每一个都有自个的优缺点和适用的应用类型， 你必须要依据自个的必须要来选择不同的框架。例如，假如你的项目简单，就不必须要使用一个复杂的框架。又或者，好多框架全是模块化的，你可以只是用你必须要的模块，或者把不同框架的模块混到一起使用。

我将要介绍的这些框架的顺序与它们在 GitHub 的流行水平有关。当然，便是从较流行的 Bootstrap 说起。

上海网站制作：

Bootstrap无疑地是现在这些类库的领跑者。它特别流行，流行水平还在一天天的增加。这样的令人赞叹的工具集不可能让你失望的，在你构建胜利站点之路上少不了它。

• 作者：新概念科技（上海网站开发）
• 介绍：“Bootstrap 是较流行的 HTML、CSS 和 JavaScript 框架，可用来开响应式的移动有限的 Web 项目。”
• 关键理念/原则：响应式与移动优先
• 响应式：是
• 模块化：是
• 上手模块/布局：是
• 字体图标：大半Glyphicon图标
• 插件/扩展： 无，不过有大批的第三方插件
• 特色组件： 超大屏设计
• 文档： 健全
• 自定义： 基础的 GUI 自定义；不过你必须要手动输入颜色值，由于不支持颜色选择器
• 浏览器支持： Firefox、Chrome、Safari、IE8+ （IE8 的话必须要使用Respond.js）

上海网站制作：Bootstrap 使用心得

Bootstrap 较大的特点便是它特别流行。从技术上讲，它并不是比其他在列框架要先进。只是它有好多资源（文章、教程、第三方插件和扩展以及主题构造器等等），比起其他四个框架合到一起还需要多。简单地讲，Bootstrap 便是无处不在。这也是大伙继续使用它的原因。

提示:当我说“特色”的组件，这种特色便是针对现在列出的这些框架而言的。

上海网站制作：

Foundation是这样的领域的第二大玩家。拥有像 ZURB这样子的公司在背后支持，不得不说它确实有一个特别坚实的基础。总之，Foundation 被好多大的网站采用。包含 Facebook、Mozilla、Ebay、Yahoo 以及 National Geographic 等等。

• 作者：新概念科技（上海网站制作）
• 介绍： “世界上较先进的响应式前端框架”
• 关键理念/原则： 响应式、移动优先、语义化
• 特色组件： Icon Bar、Clearing Lightbox、Flex Video、Keystrokes、Joyride、Pricing Tables
• 自定义： 无 GUI 的自定义工具，必须要自个手动修改
• 浏览器支持： Chrome、Firefox、Safari、IE9+；iOS、Android、Windows Phone 7+

Foundation 使用心得

Foundation 的确是一个特别专业的框架，有商业的支持、培训以及外包。它同时还提供好多资源，赞助你更加迅速更加简单地学习和使用这样的框架。

上海网站制作：

Semantic UI一直在努力让网站开发更加语义化。它利用了当然语言的原则，使得代码更简单读更简单理解。

• 作者：新概念科技（上海网站开发）
• 介绍：“一个 UI 模块框架，基于来自当然语言的一部分有用的原则。”
• 关键理念/原则： 语义化、tag ambivalence、响应式
• 特色组件： Divider、Flag、Rail、Reveal、Step、Advertisement、Card、Feed、Item、Statistic、Dimmer
  Rating、Shape
• 文档： 特别好。Semantic 有组织良好的文档，外加一个单独网站提供指南，赞助顾客迅速上手，自定义和创建主题。
• 浏览器支持： Firefox、Chrome、Safari、IE10+ (IE9必须要prefix支持)、Android 4、Blackberry 10

Semantic UI 使用心得

在这些框架中，Semantic 是较具革命性特性较全的框架。为了让样式逻辑清晰，语义化，整个框架的结构以及命名约定都要优于其他框架。

上海网站制作：

Pure是一个轻量的、模块化的框架——使用纯 CSS 编写的——依据你的必须要，可以组合或者离开使用 Pure 的模块。

• 作者：新概念科技（上海网站开发）
• 介绍： “一系列小的，响应式的 CSS 模块，可以用在你的每一个项目中。”
• 关键理念/原则：SMACSS、极简主义
• 自定义： 基础的 GUI 皮肤构造工具
• 浏览器支持： 较新的Firefox、Chrome、Safari； IE7+、iOS 6.x、7.x；Android 4.x

Pure 使用心得

Pure 只提供一套极简的样式，便于你从0开始你的项目。相对那些不必须要一个全栈框架，只必须要某些组件的加入到他们自个的项目中的顾客来讲，这样的框架特别契合。

上海网站制作：

UIkit包含了一部分列简洁的易用的便于自定义的组件。尽管它没有其他在列的框架流行，不过它提供了相当的基本功能和品质。

• 作者：YOOtheme
• 发布時间： 2013
• 当前版本： 2.13.1
• 流行水平： GitHub 上 3,800+ 的 star
• 介绍： “轻量的，模块化的前端框架，可用来迅速构建强大的网页界面”
• 关键理念/原则： 响应式、移动优先
• 框架大小： 118 KB
• 预处置器： Less、Sass
• 响应式： 是
• 模块化： 是
• 上手模块/布局： 是
• 字体图标： Font Awesome
• 插件/扩展： 有
• 特色组件： Article、Flex、Cover、HTML Editor
• 文档： 好
• 自定义： 高级的 GUI 自定义工具
• 浏览器支持： Chrome, Firefox, Safari, IE9+
• 开原协议： MIT

UIkit 使用心得

UIkit 在WordPress 主题中很胜利。它提供了强大灵活的自定义机制，可以手动修改或者使用它的提供的 GUI 自定义工具来实现。

以上信息由新概念科技（上海网站制作,上海网站制作）为您提供，越来越多精彩信息：http://www.jianzhan0.com/

关注“新概念科技”微信公众号，迅速获取互联网较新资讯