认识达内从这里开始

随着互联网网页开发技术的不断完善，越来越多的网站开发框架被web前端工程师所熟悉和使用。今天，我们就给大家分享几个比较实用的常见的web前端框架开发技术都有哪些。

Girder

通过Sass构建的Girder是一款最小化的网格系统工具集，可以帮你构造按逻辑分组的弹性布局。它通过silent class(placeholders)在HTML中构建内容(让你的HTML从过多的表现层class中解放出来)，而且由于支持复杂的media queries，它可以根据项目需求调整尺寸。

Cardinal

Cardinal是一款聚焦于响应式Web应用的小型“移动优先”CSS框架，通过它，你可以更轻松的为响应式Web应用构建原型或生产站点，并有效的维护样式表。这款框架刻意忽略掉了一些表现样式层面的东西，以避免成为庞大而复杂的CSS框架，并将设计决策权完全交给你。

Typeplate

Typeplate是一款用于文字排版的入门级工具。它不涉及过多的视觉样式呈现，但是为常见的文字排版模式提供了得当的且具有扩展性的标记。

Gridism

Gridism是一个简单的CSS网格系统，内置了一些响应式相关的实现模式。

Furatto

Furatto是一款扁平化风格的前端框架，特别适用于以其他框架为基础进行快速Web开发。

PocketGrid

PocketGrid是一款轻量级(只有0.5kB)纯CSS响应式网格系统，你可以通过它实现任意数量的纵列。PocketGrid拥有一套基于模块及模块组的弹性系统，而非传统的通过行和列来创建网格。其中，模块组类似于行，模块本身则与列的概念相似。与传统网格系统相比，PocketGrid的方式更加灵活。

.Fitgrid

.Fitgrd是一款为了快速创建原型的需求而设计的框架(但在生产环境中的表现也很不错)，为那些不想让自己的页面看上去太像bootstrap风格的设计师提供了一个坚实的基础。这套网格系统包含了12个列，宽度基于百分比，每一列两侧都各有一个基于百分比的外边距。

Kraken

Kraken是一款轻量级、移动优先的模板框架，仅包括一些最必需的功能：一个CSS重置文件，用来确保跨浏览器的兼容性;一个响应式的、移动优先的网格系统;一套设计优秀、液态排版的标尺;CSS3按钮;最基本的视觉风格元素;还可以通过可选插件实现更多功能。

Markup

Markup是一套布局、挂件、UI风格和其他组件的合集，你可以在项目中直接使用，让开发流程更快速高效。

Topcoat

Topcoat是一款开源CSS框架，其主题可被高度定制化，让你能够更轻松的创建Web应用。

Cascade

Cascade框架可以根据功能而不是选择器来将你的CSS划分到不同的文件当中，其设计风格在很大程度上受到SMACCS和OOCSS的影响。

Responsable

Responsable是一款基于Semantic.gs和LESS的响应式网格系统。

Ratchet

Ratchet可以帮你通过简单的HTML、CSS和JavaScript制作移动应用的原型。

Clank

Clank也是一款可以帮你创建移动应用原型的开源框架。

Responsive Web CSS

Responsive Web CSS可以帮助你在几分钟内创建出页面的布局。你可以指定目标设备及分辨率，作为响应式规则，然后便可以打包下载整站的代码框架。

译者：C7210

来源：Be For Web

【免责声明】：本内容转载于网络，转载目的在于传递最新信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。