阅读更多

2顶
1踩

开源软件

原创新闻 Ratchet:移动端的Bootstrap

2014-02-26 16:00 by 副主编 wangguo 评论(4) 有46616人浏览
Bootstrap如今是Github上最火的开源项目之一,这是一个用于前端开发的工具包,由Twitter前设计师Mark Otto和Jacob Thornton合作开发。

现在Bootstrap开发团队又带来了一个专门针对移动端的框架——Ratchet,该框架允许你使用简单的HTML、CSS和JS组件来构建移动应用。



Ratchet官网:http://goratchet.com/
Ratchet组件:http://goratchet.com/components/
Ratchet示例:http://goratchet.com/examples/

使用Ratchet创建应用的步骤

  1. 下载Ratchet,通过各个Ratchet组件拼凑出你想要的应用程序界面,可参考基本页面模板示例应用。你可以在应用<head>标签中添加ratchet-theme-ios.css或ratchet-theme-android.css文件来制定应用的平台。
  2. 通过push.js来连接页面,Push.js允许你创建一个看起来像真实应用的原型。
  3. 将应用原型保存到你的手机上。如果是iPhone,可以参考这些方式,对于Android,可以参考这个指南



Ratchet源码https://github.com/twbs/ratchet

关注ITeye官方微博 @ITeye官微,获得更多更新资讯和社区精彩内容。
  • 大小: 21.7 KB
  • 大小: 78.7 KB
2
1
评论 共 4 条 请登录后发表评论
4 楼 xxjjhh100 2014-05-16 11:20
终于找到个相对满意的框架,文件小,非常适合。有兴趣的可以一起学习进步,203757163(扣群)
3 楼 tianzhijie11 2014-03-12 22:02
没有文档啊?
2 楼 jiandingzw 2014-03-08 17:07
简单,布局不错!!!
1 楼 webeasymail 2014-03-03 09:42
组件太少了,自己还需要做很多功能才能用

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 移动端 Web 开发前端知识整理

    文章来源: ... 最近整理的移动端 Web 开发前端知识,不定期更新。 HTML5 可以做什么 拍照 获取地理位置 手势 canvas 绘图和动画(硬件加速) localstorage,本地缓存 HTML5 动画效果 demo ...

  • 移动端技术选型规划

    SUI Mobile是阿里巴巴国际UED前端团队的移动端UI库,主要借鉴Framework7的形态并以此为基础,参考Ratchet、Ionic、Onsen各种不同的思路,强化功能,精简体积,并提供国内最稳定快速的CDN支持。非常轻量,兼容iOS6.0+...

  • 移动端框架收集

    它采用针对移动性能优化的CSS3转换,支持旋转灯箱效果,包含多样的Ratchet UI组件。整个框架使用Zepto(类似jQuery语法的轻量级移动设备js类库),且整合了backbone.js的视图和路由。Junior十分易于使用,且提供...

  • Framework7 - 是一款开源免费的移动端 HTML 框架

    今天首先给大家隆重推荐一款移动端WebApp开发神器:Framework7。当然啦,这篇带有比较强烈的主观意识偏好,并且建立在一个必要的前提之上:你希望快速开发一款移动端的WebApp,但是团队里并没有资深的前端工程师。 ...

  • Web移动端的常用组件库

    Zurb Foundation和Bootstrap一样,也是一款非常知名的css框架。 Foundation 最大的特色是 Mobile first。它对不同终端支持非常好,对内容结构在不同类型设备中的的呈现方式进行了相应的预设。 (js组件依赖Zepto) ...

  • 移动端的常用组件库

    Zurb Foundation和Bootstrap一样,也是一款非常知名的css框架。 Foundation 最大的特色是 Mobile first。它对不同终端支持非常好,对内容结构在不同类型设备中的的呈现方式进行了相应的预设。 (js组件依赖Zepto) ...

  • 闪客工具:Web H5 UI

    10.Ratchet:移动端的Bootstrap 11.类似微软一样的UI风格 除此之外还有很受欢迎的JS框架 1.React js框架 fackbook 推动的库 2.angularjs 中文社区 http://angularjs.cn/ ...

  • 转: 如何挑选适合的前端框架

    如何挑选适合的前端框架 最近几年,前端技术迅猛发展,差不多每年都会冒出一款主流的框架。 每次新开业务线或启动新项目时,是第...在五六年,移动端还没有兴起,我们没有什么选择,就是jQuery。有人会说,jQuery...

  • 移动web开发框架研究

    它采用针对移动性能优化的CSS3转换,支持旋转灯箱效果,包含多样的Ratchet UI组件。整个框架使用Zepto(类似jQuery语法的轻量级移动设备js类库),且整合了backbone.js的视图和路由。Junior十分易于使用,且提供...

  • 去哪儿网前端架构师司徒正美:如何挑选适合的前端框架?

    目前比较出彩的有Foundation、Semantic,Refill、Ratchet。如果只是想运行在平板上,性能问题就不会那么拮据了,我们还可以试试inoic、Sencha Touch, Kendo UI Mobile…… 没有最好,选择最适合自己的 基本...

  • 移动web ui框架集合

    它采用针对移动性能优化的CSS3转换,支持旋转灯箱效果,包含多样的 Ratchet UI组件。整个框架使用Zepto(类似jQuery语法的轻量级移动设备js类库),且整合了backbone.js的视图和路由。 Junior十分易于使用,且提供...

  • 基于三层感知机实现手写数字识别-内含源码和说明书.zip

    基于三层感知机实现手写数字识别-内含源码和说明书.zip

  • setuptools-40.7.0.zip

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

  • 搭建VGG16神经网络实现图像分类-内含源码和说明书.zip

    搭建VGG16神经网络实现图像分类-内含源码和说明书.zip

  • setuptools-40.6.1.zip

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

  • 华为OD机试D卷 - 判断字符串子序列 - 免费看解析和代码.html

    私信博主免费获取真题解析以及代码

  • 安享智慧理财测试项目Mock服务代码

    安享智慧理财测试项目Mock服务代码

  • 基于STM32单片机的智能晾衣架.zip

    基于单片机的系统

  • Mamba selective-scan-cuda-linux-gnu.so

    安装成功后,还是遇到ImportError xxxx selective_scan_cuda.cpython-xxx-linux-gnu.so undefined symbol,用此编译好的文件进行替换即可

  • 基于Java EE的停车场管理系统.zip

    如今,我国现代化发展迅速,人口比例急剧上升,在一些大型的商场,显得就格外拥挤,私家车的数量越来越多,商场停车难得问题凸显,对于停车场的合理利用有助于缓解用户停车压力,鉴于这样的背景;初步设定系统功能主要包括,用户信息管理,违规车辆信息管理,刷卡停车牌管理,停车位信息管理,停车计费,信息查看管理等功能模块。本系统采用JAVAEE开发形式,利用数据库来完成数据存储功能,运用了B/S形式的开发模式,严格按照了软件工程的开发模式进行开发,保证系统的良好运行。

Global site tag (gtag.js) - Google Analytics