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

移动应用程序原型设计工具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