vlambda博客
学习文章列表

这些前端开发框架,帮助你快速开发


这些前端开发框架,帮助你快速开发
随着互联网的不断成熟以及我们越来越多的用各种移动端的设备访问互联网,Web设计师和Web开发者的工作也变得越来越复杂。以前前端开发人员只需要掌握HTML、CSS、jQuery,就已经能够满足建站的需求,但如今不一样了,还需要掌握各种各样的框架知识,今天就给大家总结我们常用的框架有哪些。




Bootstrap






Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap还是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。









Fbootstrapp



基于Bootstrap改造的FaceBook版Css UI组件Fbootstrapp,非常不错的FaceBook主题,界面比较干净简洁,基于LESS构建,包括的UI和组件有:网格布局、文字排版、图片相册排版、数据表格、表单、网站导航、警告提示信息、弹出框弹出层、以及一些JS特效,很适合那些想做类似FaceBook网站的朋友。









BootMetro






BootMetro同样也是一款基于Bootstrap的CSS框架,BootMetro的最大特点在于它是一款Win 8 Metro风格的CSS框架。Metro风格的优势在于界面简洁平滑,UI元素简单,加载速度快,并且有不错的视觉效果。

BootMetro的特点

1、基于强大的推ter Bootstrap,框架的灵感源于 Metro UI CSS

2、让用户更专注于网站的内容,因为Metro风格可以更加突出网页的主要内容。

3、完全免费,和Bootstrap一样,BootMetro的使用也是非常简单。









Kickstrap






Kickstrap是Bootstrap的一个变体。它基于Bootstrap,并在它的基础上添加了许多app,主题以及附加功能。这使得这个框架可以单独地用于构建网站,而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上,然后用就可以了。









Foundation






Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。它易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。
Foundation框架为应用程序和框架提供了基础功能,包括数据存储和持久性,文本处理,日期和时间计算,排序和筛选以及联网。由Foundation定义的类,协议和数据类型在整个macOS,iOS,watchOS和tvOS SDK中使用。









Groundwork






Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5,CSS & JavaScript 工具包。使用 Groundwork,您可以快速构建 Web 应用程序。Groundwork 拥有一个令人难以置信的灵活,可嵌套,流体的网格系统,是 Github 上的开源项目。









Gumby






Gumby 框架是基于强大的CSS 生成框架 SASS,拥有灵活的响应式栅格定制功能以及UI组件。类似 Twitter 的 Bootstrap,它包括一个Web UI工具包,有好看按钮,表格,导航+标签和一个很小的JavaScript文件。

特性:

1.灵活定制

提供灵活的定制下载,不管是桌面还是移动应用

2.标准宽度

标准的960网页尺寸

3.多栅格嵌套

灵活的栅格嵌套应用

4.容易再次设计









HTML KickStart






HTML KickStart 拥有极简的 HTML5 ,CSS 和 JS 构建模块,能够快速生成网页。
虽然没有BOOTSTRAP火热,也没有中文文档,但是可以迅速的搭建一个HTML的页面,一些基本常见的按钮,布局等等,功能却很齐全。









IVORY






Bootstrap 和 Foundation 是目前使用最广泛的前端开发框架,不过有的时候我们需要的是一个更轻量的方案,IVORY 也许就是你需要的。IVORY 基于12列的响应式网格布局,包含表格,按钮,表格,分页,拨动开关,工具提示,手风琴,选项卡等网站中常用的组件和样式。









Kube






Kube 足够的简单,足够小,具有很强的自适应能力,是个响应式的 CSS 框架。它拥有最新最炫的网格和漂亮的字体排版,没有任何样式绑定,给用户以绝对的自由。

只是简单的给大家介绍了各种框架,大家在开发的过程中一定要进行深入的了解,选择合适自己的进行使用。