有哪些前端开发框架?

1.引导程序

Boostrap绝对是目前最流行最广泛使用的框架。它是一个漂亮、直观、功能强大的网页设计工具包,可以用来开发跨浏览器兼容的漂亮页面。它提供了许多流行的简单UI组件、网格系统和一些常用的JavaScript插件。

2.Fbootstrapp

FBootstrapp基于bootstrap,提供与脸书iframe应用和设计相同的功能。包含所有标准组件的基本CSS和HTML,包括排版、表单、按钮、表格、网格、导航等。风格类似于脸书。

3.BootMetro

BootMetro framework的灵感来自Metro UI CSS,基于Bootstrap framework,用于创建Windows 8的Metro风格的网站。它包含了Bootstrap的所有功能,并增加了几个附加功能,如页面平铺、应用栏等。

4.支撑带

Kickstrap是Bootstrap的变体。它基于Bootstrap,并添加了许多应用程序、主题和附加功能。这使得该框架可以独立使用,无需额外安装即可构建网站。你所需要做的就是把它放在你的网站上并使用它。

5.基础

Foundation是一个功能强大、功能丰富的前端开发框架,支持响应式布局。你可以通过Foundation快速创建一个原型,利用它包含的大量布局框架、元素和最佳范例,快速创建可以在各种设备上正常运行的网站和app。Foundation在建立的时候就坚持移动优先的策略。它有很多实用的语义功能,用Zepto类库代替jQuery,可以带来更好的用户体验,提高运行速度。

6.地面工程

GroundworkCSS是前端框架家族中一个全新的框架。它是基于Sass和Compass的高级响应式HTML5、CSS和JavaScript工具包,可用于快速创建原型,构建可在各种浏览设备上正常工作的网站和app。

7.冈比

Gumby是一个基于Sass和Compass的简单、灵活、稳定的前端开发框架。

它的流体固定布局可以根据桌面和移动设备的分辨率自动优化要呈现的网页内容。它支持多种网格布局,包括多列混合嵌套模式。Gumby提供了两套PSD模板,方便你在12列和16列的网格系统上进行设计。

8.HTML快速启动

HTML Kickstart是一个工具包,可以用来轻松地创建任何布局的HTML5,CSS和jQuery的集合。它提供干净的、符合标准的和跨浏览器兼容的代码。

这个框架提供了多种样式表,包括网格、排版、表单、按钮、表格、列表,以及一些跨浏览器兼容的web组件如JavaScript的滑动功能、选项卡、面包屑导航、带子菜单的菜单、工具提示等等。

9.象牙

IVORY是一个轻量级、简单但功能强大的前端框架,可用于宽度为320到1200像素的响应式布局。它基于12列的响应式网格布局,包括表格、按钮、表格、分页、切换开关、工具提示、折叠、标签等网站中常用的组件和样式。

10.库贝

最后,如果你的新项目需要一个真实简单的框架,不需要复杂的额外功能组件,那么Kube将是你正确的选择。Kube是一个最小的、响应性的前端框架,它没有强加的样式设计,所以它给你充分的自由来开发你自己的样式表。它提供了web元素的一些基本样式,如网格、表单、排版、表格、按钮、导航、链接和图片。