资讯频道 → 开源软件
阅读更多

2顶
1踩

开源软件

原创新闻 Ratchet：移动端的Bootstrap

2014-02-26 16:00 by 副主编 wangguo 评论(4) 有46827人浏览
Ratchet Bootstrap Twitter

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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十分易于使用，且提供...

  • 级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均

    级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,不平衡电网下的svg无功补偿，级联H桥svg无功补偿statcom，采用三层控制策略。 （1）第一层采用电压电流双闭环pi控制，电压电流正负序分离，电压外环通过产生基波正序有功电流三相所有H桥模块直流侧平均电压恒定，电流内环采用前馈解耦控制； （2）第二层相间电压均衡控制，注入零序电压，控制通过注入零序电压维持相间电压平衡； （3）第三层相内电压均衡控制，使其所有子模块吸收的有功功率与其损耗补，从而保证所有H桥子模块直流侧电压值等于给定值。 有参考资料。 639,核心关键词： 1. 不平衡电网下的SVG无功补偿 2. 级联H桥SVG无功补偿STATCOM 3. 三层控制策略 4. 电压电流双闭环PI控制 5. 电压电流正负序分离 6. 直流侧平均电压恒定 7. 前馈解耦控制 8. 相间电压均衡控制 9. 零序电压注入 10. 相内电压均衡控制 以上十个关键词用分号分隔的格式为：不

  • GTX 1080 PCB图纸

    GTX 1080 PCB图纸，内含图纸查看软件

  • 深度优化与应用：提升DeepSeek润色指令的有效性和灵活性指南

    内容概要：本文档详细介绍了利用 DeepSeek 进行文本润色和问答交互时提高效果的方法和技巧，涵盖了从明确需求、提供适当上下文到尝试开放式问题以及多轮对话的十个要点。每一部分内容都提供了具体的示范案例，如指定回答格式、分步骤提问等具体实例，旨在指导用户更好地理解和运用 DeepSeek 提升工作效率和交流质量。同时文中还强调了根据不同应用场景调整提示词语气和风格的重要性和方法。 适用人群：适用于希望通过优化提问技巧以获得高质量反馈的企业员工、科研人员以及一般公众。 使用场景及目标：本文针对所有期望提高 DeepSeek 使用效率的人群，帮助他们在日常工作中快速获取精准的答案或信息，特别是在撰写报告、研究材料准备和技术咨询等方面。此外还鼓励用户通过不断尝试不同形式的问题表述来进行有效沟通。 其他说明：该文档不仅关注实际操作指引，同样重视用户思维模式转变——由简单索取答案向引导 AI 辅助创造性解决问题的方向发展。

  • 基于FPGA与W5500实现的TCP网络通信测试平台开发-Zynq扩展口Verilog编程实践,基于FPGA与W5500芯片的TCP网络通信测试及多路Socket实现基于zynq开发平台和Vivad

    基于FPGA与W5500实现的TCP网络通信测试平台开发——Zynq扩展口Verilog编程实践,基于FPGA与W5500芯片的TCP网络通信测试及多路Socket实现基于zynq开发平台和Vivado 2019软件的扩展开发,基于FPGA和W5500的TCP网络通信 测试平台 zynq扩展口开发 软件平台 vivado2019.2，纯Verilog可移植 测试环境 压力测试 cmd命令下ping电脑ip，同时采用上位机进行10ms发包回环测试，不丢包（内部数据回环，需要时间处理） 目前实现单socket功能，多路可支持 ,基于FPGA; W5500; TCP网络通信; Zynq扩展口开发; 纯Verilog可移植; 测试平台; 压力测试; 10ms发包回环测试; 单socket功能; 多路支持。,基于FPGA与W5500的Zynq扩展口TCP通信测试：可移植Verilog实现的高效网络通信

  • Labview液压比例阀伺服阀试验台多功能程序：PLC通讯、液压动画模拟、手动控制与调试、传感器标定、报警及记录、自动实验、数据处理与查询存储，报表生成与打印一体化解决方案 ,Labview液压比例阀

    Labview液压比例阀伺服阀试验台多功能程序：PLC通讯、液压动画模拟、手动控制与调试、传感器标定、报警及记录、自动实验、数据处理与查询存储，报表生成与打印一体化解决方案。,Labview液压比例阀伺服阀试验台多功能程序：PLC通讯、液压动画模拟、手动控制与调试、传感器标定、报警管理及实验自动化,labview液压比例阀伺服阀试验台程序：功能包括，同PLC通讯程序，液压动画，手动控制及调试，传感器标定，报警设置及报警记录，自动实验，数据处理曲线处理，数据库存储及查询，报表自动生成及打印，扫码枪扫码及信号录入等~ ,核心关键词：PLC通讯; 液压动画; 手动控制及调试; 传感器标定; 报警设置及记录; 自动实验; 数据处理及曲线处理; 数据库存储及查询; 报表生成及打印; 扫码枪扫码。,Labview驱动的智能液压阀测试系统：多功能控制与数据处理

  • 华为、腾讯、万科员工职业发展体系建设与实践.pptx

    华为、腾讯、万科员工职业发展体系建设与实践.pptx

  • 基于遗传算法的柔性车间调度优化 附Matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

  • 电网不对称故障下VSG峰值电流限制的柔性控制策略：实现电流平衡与功率容量的优化利用,电网不对称故障下VSG峰值电流限制的柔性控制策略：兼顾平衡电流与功率控制切换的动态管理,电网不对称故障下VSG峰值电

    电网不对称故障下VSG峰值电流限制的柔性控制策略：实现电流平衡与功率容量的优化利用,电网不对称故障下VSG峰值电流限制的柔性控制策略：兼顾平衡电流与功率控制切换的动态管理,电网不对称故障下VSG峰值电流限制的柔性不平衡控制（文章完全复现）。 提出一种在不平衡运行条件下具有峰值电流限制的可变不平衡电流控制方法，可灵活地满足不同操作需求，包括电流平衡、有功或无功恒定运行（即电流控制、有功控制或无功控制之间的相互切），注入电流保持在安全值内，以更好的利用VSG功率容量。 关键词：VSG、平衡电流控制、有功功率控制、无功功率控制。 ,VSG; 峰值电流限制; 柔性不平衡控制; 电流平衡控制; 有功功率控制; 无功功率控制。,VSG柔性控制：在电网不对称故障下的峰值电流限制与平衡管理

  • libpinyin-tools-0.9.93-4.el7.x64-86.rpm.tar.gz

    1、文件内容：libpinyin-tools-0.9.93-4.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/libpinyin-tools-0.9.93-4.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持：公众号禅静编程坊

Global site tag (gtag.js) - Google Analytics