必须收藏14款响应式布局的前端开发框架

 Helium

Helium是一个前端响应式Web框架，使用HTML5、CSS3快速制作原型以及开发产品。Helium很像Twitter Bootstrap和ZURB Foundation，事实上，Helium使用了两者不少的代码。但与这两个框架不同的是，Helium设计更加轻量级，而且更容易修改。Helium只有30KB左右，而Bootstrap有100KB，ZURB有200多KB。

• HTML&CSS：网格、按钮、排版、表单
• JS：下拉、表单验证
• 其他：Sass、Compass

 The Markup Framework

Markup是一套集布局、小组件、UI组件和字体排版样式为一体的框架。它可以作为你设计自己网站的起点。

• HTML&CSS：布局、网格、排版、表单、按钮、面包屑导航、导航列表、导航菜单
• JS：没有JavaScripts，只有单纯的CSS

Topcoat

TopCoat是一套免费的开源UI元素类库，整套类库不使用任何JavaScript，而是使用CSS和HTML来生成。

• HTML&CSS：图标、字体、按键、面包屑导航、表单、下拉、滑动开关、选择、滚动条、切换按钮
• JS：没有JavaScripts，只有单纯的CSS 

 PureCSS

Pure是一个相当小的框架，压缩及最小化后仅有5.7KB。它没有使用任何JavaScript，只是HTML和CSS。该CSS框架为响应式布局，采用模块化结构，每个模块的样式可以单独使用。

• HTML&CSS：网格、排版、表单、按键、表格、菜单
• JS：没有JavaScripts，只有单纯的CSS 
• 其他：程序皮肤制作工具（Skin Builder）、YU 库。

 结论

根据你的需要，选择可以与设计相匹配的框架。我们不应该根据框架来构建网站，因为它会很大程度上限制设计者的思维。

如果前端设计/布局不是那么重要，那么我们可以选择使用某一框架。（编译：陈秋歌/责编：夏梦竹）

本内容转自虾米站长，更多关于前端内容，请查看http://www.xiamiz.com。

（编辑：应用网_镇江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!