- PVSM.RU - https://www.pvsm.ru -

Ratchet 2.0 — самый красивый HTML5-фреймворк теперь дружит и с iOS, и с Android

Ratchet 2.0 — самый красивый HTML5 фреймворк теперь дружит и с iOS, и с Android

Ratchet [1] — так называется HTML5-фреймворк для быстрого прототипирования мобильных приложений, который 1,5 года назад создали те же парни, которые когда-то выпустили Bootstrap.

Инструмент позволяет быстро создать кликабельный прототип интерфейса мобильного приложения — и дает вам красивые стили и замечательные иконки, согласованные с гайдлайном в зависимости от платформы.

Я являюсь поклонником фреймворка с момента выхода первой версии. Тогда он был доступен только под iOS.
Не так давно вышла вторая версия, которая наряду с iOS поддерживает Android. Ура-ура!
(правда, обратной совместимости с первой версией нет)

Кому интересно про новые возможности Ratchet 2.0 — прошу под кат!

Лицензии

Ratchet выпускается под MIT-лицензией [2].
Документация к нему распространяется под лицензией CC BY 3.0 [3]

Начало

Скачиваем фреймворк и видим такую структуру — стили, js и иконки

ratchet/
├── css/
│   ├── ratchet.css
│   ├── ratchet.min.css
│   ├── ratchet-theme-android.css
│   ├── ratchet-theme-android.min.css
│   ├── ratchet-theme-ios.css
│   ├── ratchet-theme-ios.min.css
├── js/
│   ├── ratchet.js
│   └── ratchet.min.js
└── fonts/
    ├── ratchicons.eot
    ├── ratchicons.svg
    ├── ratchicons.ttf
    └── ratchicons.woff

*.min.css и *.min.js ровно такие же, как одноименные файлы без min, только сжатые.

Чтобы начать работу, читаем страничку Getting Started [4], там же есть шаблон html, который удобно использовать для начала работы.

Компоненты

Ratchet 2.0 — самый красивый HTML5 фреймворк теперь дружит и с iOS, и с Android

Фреймворк содержит все основные компоненты, которые могут понадобиться разработкикам — хедер, кнопки, списки, элементы форм, табики и т.д.
Просматривать их — одно удовольствие.
Попробуйте сами [5], просто скроллируя вниз.

Внешний их вид показан в трех вариантах — под iOS, под Android и базовом (переключатель между ними появляется, если, опять же, начать скроллить вниз).
По мне, базовый стиль самый красивый.

Иконки доступны в качестве отдельного шрифта. Ну разве не симпатяжки?
Ratchet 2.0 — самый красивый HTML5 фреймворк теперь дружит и с iOS, и с Android

Ссылки

Сайт проекта http://goratchet.com/ [1]
Ratchet на Гитхабе https://github.com/twbs/ratchet [6]
Документация очень понятная, полная и хорошо проиллюстрированная.

P.S.

Фреймворк стал одним из моих любимцев. И хоть в аннотации написано, что он предназначен больше для прототипов, могу сказать, что и в продакшене тоже отлично крутится.

Всем удачи и приятной работы над проектами!

Автор: mg1

Источник [7]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/razrabotka-pod-android/59038

Ссылки в тексте:

[1] Ratchet: http://goratchet.com/

[2] MIT-лицензией: http://ru.wikipedia.org/wiki/%D0%9B%D0%B8%D1%86%D0%B5%D0%BD%D0%B7%D0%B8%D1%8F_MIT

[3] CC BY 3.0: https://creativecommons.org/licenses/by/3.0/deed.ru

[4] Getting Started: http://goratchet.com/getting-started/

[5] Попробуйте сами: http://goratchet.com/components/

[6] https://github.com/twbs/ratchet: https://github.com/twbs/ratchet

[7] Источник: http://habrahabr.ru/post/219533/