Наткнулся сегодня на одну интересную штуку.
Semantic UI — это фреймворк для создания переносимых интерфейсов, который поможет повторно использовать элементы UI в своих проектах. Такая себе альтернатива Bootstrap.
Небольшой пример — если вы хотите добавить в свой проект что-то похожее на кнопку
просто воспользуйтесь следующими элементами:
semantic add button semantic add icon
после чего добавьте в html:
<div class="red ui icon buttons">
<div class="ui button">
<i class="grid layout icon"></i>
</div>
<div class="ui button">
<i class="block layout icon"></i>
</div>
<div class="ui button">
<i class="list layout icon"></i>
</div>
</div>
Получается довольно симпатично. На официальном сайте все организовано хорошо, есть краткие гайды.
Зато прямо на сайте собрана коллекция основных элементов интерфейса — от кнопок до простых форм регистрации.
Semantic UI только начинает развиваться, автор на гитхабе даже предлагает всем желающим принять участие в работе над Semantic. Обращаться на e-mail [email protected]
