- PVSM.RU - https://www.pvsm.ru -
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, который удобно использовать для начала работы.
Фреймворк содержит все основные компоненты, которые могут понадобиться разработкикам — хедер, кнопки, списки, элементы форм, табики и т.д.
Просматривать их — одно удовольствие.
Попробуйте сами [5], просто скроллируя вниз.
Внешний их вид показан в трех вариантах — под iOS, под Android и базовом (переключатель между ними появляется, если, опять же, начать скроллить вниз).
По мне, базовый стиль самый красивый.
Иконки доступны в качестве отдельного шрифта. Ну разве не симпатяжки?
Сайт проекта http://goratchet.com/ [1]
Ratchet на Гитхабе https://github.com/twbs/ratchet [6]
Документация очень понятная, полная и хорошо проиллюстрированная.
Фреймворк стал одним из моих любимцев. И хоть в аннотации написано, что он предназначен больше для прототипов, могу сказать, что и в продакшене тоже отлично крутится.
Всем удачи и приятной работы над проектами!
Автор: 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/
Нажмите здесь для печати.