OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

15个最好的HTML5前端响应式框架(2014)


分享到


分类 技术前沿   关键字 前端   发布 ourjs  1412564459242
注意 转载须保留原文链接,译文链接,作者译者等信息。  

注1* 之前我们比较过Foundation和Bootstrap, 这篇文章更加系统地介绍了目前比较浏览的前端响应式框架。
注2* 文中的多个框架基于SASS创建,SCSS是一种比LESS更简洁的样式表编程语言,它可以编绎成CSS,可复用CSS代码,声明变量,甚至是函数,类Ruby/Python的语法,参见: LESS vs SASS?选择哪种CSS样式编程语言? 





最好的HTML5框架一般也是最流行的,使用这些框架可以极大地减少你的工作量,节约你的时间。


HTML5有非常有用和令人意想不到的功能,但也有少数浏览器并不支持HTML5,因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的框架有很多,大多支持响应式布局,干净的代码,跨浏览器兼容,内置按钮等等这些设计师常常使用的功能。同的这些HTML5框架将帮助你更加容易地构建任务。包括支持javascirpt和jQuery插件的HTML5的框架,我们可以实现网站的许多应用效果。

最好的响应式前端框架


在这篇文章中,我将展示我收集的15款最佳的前端响应式HTML5框架。

Foundation




顾名思义,支持HTML5设备的基础。对于懒人们来说,我们已经建立了一个新的命令行工具来加速项目开发,并增加支持Libsass,SCSS编绎加快了5倍。


skeljs





skelJS是一个轻量极的前端框架,可以创建响应式网站和应用。 只需要引用一个不到20Kb的JS文件,然后就可以调用强大的组件。



Gumby





Gumby 2 是基于Sass创建的. 因为你可以使用它快速定制你所需要的Gumby框架组件。


Grid System





响应式式前端框架

Less Framework 4




Less框架是一套CSS网格系统,它有4套布局(layouts)和3组预设版式,都只基于一个网格。


Yaml




模块化的CSS框架,真正灵活,方便的响应式网站。 YAML提供了一套完整匹配的积木来创建复杂的网站。网格,导航,表格,排版模块和所有提供的附加组件无缝地在一起协同工作。


HTML5 Boilerplate






HTML5 Boilerplate帮助您构建快速,健壮,适应性强的Web应用程序或站点。


Montage Studio




MontageJS是一个现代化,完整的HTML5的框架,旨在创建单页的应用程序,快捷! MontageJS使用经过时间考验的设计模式和软件的原则,可以让你轻松地创建一个模块化的架构,并帮助您的项目提供高品质的用户体验。这允许设计人员和开发人员快速协同工作。


Columnal





该Columnal的CSS网格系统是一个“混合”的弹性网格,而一些代码的灵感(和想法子从960.gs(注*960 Grid为一开源项目)获取


Layers CSS




Layers CSS是一个轻量级的CSS框架,它不强调任何设计,只处理的主体结构。它即支持响应的布局又有流式网格和简单。

Twitter Bootstrap




Bootstrap 是一种流行的,现代的前端/ UI开发框架。它的功能丰富,大部分你所需要的功能里面都有。 

SproutCore




SproutCore的是基于网络的创新用户体验的开源框架。它具有令人难以置信的速度意味着没有更短的页面渲染时间。利用最新的Web技术和规范。良好的可访问性。

HTML KickStart




最新的一个框架,HTML5的KickStart的是一个非常干净的HTML,CSS, JavaScript包,以节省UI开发人员的工作。


CreateJS




CreateJS是一套开源的JavaScript库和工具,用于创建丰富的,交互式的HTML5内容。它由5个模块化的JavaScript库组成。这将帮助你实现动画效果,在您的网站上支持HTML5的音频,等等。

52Framework





52Framework是一个HTML5的框架,其目的是提供一种简单的方法来构建使用HTML5和CSS3,同时支持所有现代浏览器响应网站。它是挤满了像HTML5视频播放器,圆角,HTML5 Canvas及HTML5验证等等优秀的组件。


原文地址: 点此
社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. Bootstrap vs Foundation如何选择靠谱前端框架
  2. Node.JS超越jQuery成为Github上第二受欢迎的开源项目
  3. Docker究竟是什么,为什么这么流行,它的优点和缺陷有哪些?
  4. NodeBots-JavaScript在智能设备驱动(物联网)中的崛起
  5. JavaScript有可能取代AppleScript成为OS X平台的默认编程脚本
  6. 5个经典的前端面试问题
  7. 今天我去面试, 受打击了:你是学 .net 的吧?
  8. Animate.css让添加CSS动画像喝水一样容易
  9. 合并JavaScript数组的N种方法
  10. 拿什么守护你的Node.JS进程: Node出错崩溃了怎么办?
  11. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - 技术前沿
  1. Go 语言基础教程:10分钟入门
  2. Docker究竟是什么,为什么这么流行,它的优点和缺陷有哪些?
  3. JavaScript有可能取代AppleScript成为OS X平台的默认编程脚本
  4. NodeBots-JavaScript在智能设备驱动(物联网)中的崛起
  5. 响应式设计在图片上的应用: 一个HTML元素如何让Web更快
  6. 微软Azure云推出基于JSON的NoSQL数据库DocumentDB
  7. Chrome V8将实现ES6的类语法(class)
  8. 自己动手写CSS流式(响应式)布局
  9. 为JavaScript设计一个指数操作(运算)符
  10. TJ Holowaychuk将Express维护权移交给StrongLoop

 关键字 - 前端
  1. 用纯CSS改变html radio/checkbox默认背景颜色样式
  2. css去掉table的td单元格的间距cellspacing,设置隔行显示不同背景颜色
  3. 用JavaScript实现basename获取路径中的文件名
  4. CSS垂直水平完全居中手册
  5. 15个最好的HTML5前端响应式框架(2014)
  6. 我被问得最多的十个JavaScript前端面试问题
  7. 5个经典的前端面试问题
  8. 超简易——Bootstrap可关闭tab标签页
  9. CSS3实现的响应式字体:自适应视图窗口大小的新单位
  10. 用css禁用input、checkbox、select等html控件,实现disable效果

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号