BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Ratchet成为一个真正的框架,并有了新家

| 作者 Burke Holland 关注 0 他的粉丝 ,译者 马德奎 关注 0 他的粉丝 发布于 2014年4月11日. 估计阅读时间: 4 分钟 | 都知道硅谷人工智能做的好,你知道 硅谷的运维技术 也值得参考吗?QCon上海带你探索其中的奥义

移动应用程序原型设计工具Ratchet已经被提升为一个完整的应用程序框架。Ratchet的2.02版已经发布,它使用SASS CSS预处理器(对版本1)进行了彻底地重写。除了彻底改造外,Ratchet如今在现有的基础Ratchet主题之外提供了iOS和Android风格。它现在还提供了一种名为“Ratcheticons”的新图标字体,以及三个示例应用程序来展示不同的主题。文档已经针对新版本进行了彻底修订,项目本身已经迁移到Bootstrap GitHub上,并成为Bootstrap组织的一部分。

Ratchet最初是Twitter的一套面向iOS原生应用程序的HTML/CSS原型。在看到这些原型对于开发过程多么重要之后,团队决定将其作为一个移动应用程序原型设计工具开源。团队很快就清楚地认识到,Ratchet不仅非常适合构建移动应用程序原型,而且还非常适合完备的移动应用程序。

Ratchet最初使用纯CSS编写,2.02版本现在使用SASS预处理器语言。Ratchet的共同创建者Connor Sears表示,使用SASS重写源于他们想要“预处理器的灵活性”。Connor提到,他选择SASS只是因为那是他最熟悉的东西。Bootstrap项目本身(Ratchet现在是它的一部分)使用LESS CSS预处理器。

Ratchet最初只有一种风格,可以使用CSS进行调整。现在,它有三种风格,支持多种外观。最初的基础风格还在,但现在有了iOS和Android风格,它们可以更好地适应各自的操作系统。在大多数情况下,这只涉及风格,但也有一些组件,如Popover,在指定平台上的行为有很大的差异。

Ratchet并没有试图在平台或浏览器方面使用CSS做任何特别的事。它的目标是保持简洁,那样更容易理解和实现。

新的Ratcheticons图标字体包含45个常用的应用程序图标。这些图标使用HTML伪元素进行展示。例如,一个齿轮图标可以使用一个简单的span和一个CSS class进行展示。

<span class="icon icon-gear"></span> 

齿轮图标的class包含了目标字体字符的Unicode码,后者在before伪元素中进行展示。

.icon-code:before { content: '\e812'; } 

经过彻底修订的Ratchet文档提供了三个完备的应用程序示例。这些示例允许开发人员在他们的移动设备上测试Ratchet,并为他们提供了一个创建新应用程序的起始点。现在,Ratchet有电影搜索器(基础主题)、iOS邮件(iOS主题)和Android备忘录应用程序(Android主题)三个示例。

另外,Ratchet已经迁移到Bootstrap GitHub版本库。Connor是这样解释这次迁移的,“Ratchet一直是Bootstrap的‘小兄弟’,将它迁入Bootstrap组织不过是件自然而然的事。”他指出,虽然Ratchet已经迁入Bootstrap组织,但他们并未计划“合并”这些框架。“我们会继续将[Ratchet和Bootstrap] CSS架构同等对待”。从根本上说,我希望熟悉Bootstrap的人在使用Ratchet的CSS时感觉非常自在。

Ratchet在GitHub上大受欢迎,现在已经有超过7千9百颗星。相比之下,Bootstrap本身有超过6万6千颗。读者可以从Ratchet官方网站twbs GitHub版本库下载。

查看英文原文:Ratchet Becomes a Real Framework, Gets a New Home

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT