码迷,mamicode.com
首页 > Web开发 > 详细

25款最佳响应式HTML5前端开发框架

时间:2018-02-23 18:52:41      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:int   inter   tin   spark   yaf   响应   布局   字体   适配   

目前Bootstrap和其他前端工具大行其道,然而,也有很多轻量级的前端框架值得大家参考和借鉴。现在,我们为大家整理了25款轻量的前端框架,希望对大家有用。

 

 

1. Skeljs

技术分享图片

轻量,仅包含了一个JS文件(大小有18kb),可以处理任何类型的复杂布局,简化了响应式布局的构建。

2. UI Kit

技术分享图片

基于Less开发,是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面,且提供了全面的HTML、CSS及JS组件,使用简单、定制方便。

3. GetWebplate

技术分享图片

一款优秀的前端框架,可使开发者专注于站点或应用的开发,它提供了稳健的布局引擎、全局按钮元素和可定制性的表格,同时还包括了jQuery插件和大量工具。

4. Cardinal

技术分享图片

一个适用于移动项目的CSS框架,包含很多有用的默认样式、矢量字体、可重用的模块以及一个简单的响应式模块系统。

5. Schema

技术分享图片

使用Less构建的功能强大但很轻量的前端UI框架,提供了丰富的CSS合集,可作为项目的前端基础。

6. Kickoff

技术分享图片

可以用来创建可扩展性和响应式的站点,对移动设备比较友好。

7. Pure

技术分享图片

来自雅虎的一套CSS模块,可以将其作为基础用在Web项目中,非常小巧。

8. Base

技术分享图片

一款基于语义的、轻量和可扩展的框架,可用来帮你快速创建一个响应式站点。

9. Spark

技术分享图片

一款轻量、以移动为先的web响应式设计框架,简单易用,可定制性强。

10. Hoisin.Scss

技术分享图片

一款迷你型前端工具,可以帮助开发者快速启动web项目,使用Sass编写,注重速度和灵活性。

11. Kindling Grid

技术分享图片

12. GetSkelton

技术分享图片

可以帮你快速开发站点的一套CSS合集,支持任何屏幕设备尺寸。

13. BassCSS

技术分享图片

一款轻量的基础样式和布局工具合集,速度、性能和可扩展性良好。

14. Typebase

技术分享图片

Typebase.css是一种小型且可定制的排版样式表。

15. Emerald

技术分享图片

使用LESS编写的响应式布局框架,可适配平板设备、移动设备和多种PC屏幕设备。

16. Ink

技术分享图片

一个可以帮你快速创建响应式HTML邮件的框架,使用简单并且可扩展,并且实现良好的互动。

17. Layer CSS

技术分享图片

轻量级的CSS框架,它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类,以支持响应式布局。

18. Flexbox Grid

技术分享图片

一个基于flex显示属性的网格系统。

19. Sculpt

技术分享图片

轻量,移动优先,一个响应式的HTML、CSS和SASS框架。

20. Furatto

技术分享图片

以Bootstrap和Foundation作为基础,可以用来快速开发网站。Furatto框架使用了流行的Flat UI(扁平化界面)且以响应式布局为中心。

21. .Fitgrd

技术分享图片

.Figrd不是一个框架,但它可以帮助开发者快速制作网站原型,是构建响应式站点的基础。

22. Ivory

技术分享图片

轻量级的前端框架,可处理从320px到1200px的宽度布局,对表格、按钮等提供了多种风格。

23. Cute Grids

技术分享图片

功能齐全,针对5种不同的屏幕设备进行了适配,完美支持移动设备和平板设备访问,代码也很简洁,没有任何对设计的限制。

24. Fluidity

技术分享图片

体积小,仅有100KB+,它能实现图像、文本、Canvas、Table表格以及iFrame框架的响应式功能,非常适合用于一般企业站或文章内容的处理。

25. Gridism

技术分享图片

一款简单的CSS框架,内置了响应式设计模式。

 

本文转载自:http://blog.csdn.net/yafei450225664/article/details/46439261

25款最佳响应式HTML5前端开发框架

标签:int   inter   tin   spark   yaf   响应   布局   字体   适配   

原文地址:https://www.cnblogs.com/wangxiaoduan/p/8462907.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!