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

Semantic UI — почти альтернатива Bootstrap

image
Наткнулся сегодня на одну интересную штуку.
Semantic UI [1] — это фреймворк для создания переносимых интерфейсов, который поможет повторно использовать элементы UI в своих проектах. Такая себе альтернатива Bootstrap.
Небольшой пример — если вы хотите добавить в свой проект что-то похожее на кнопку
Semantic 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>

Получается довольно симпатично. На официальном сайте все организовано хорошо, есть краткие гайды. Одна проблема — это пре-релиз. Поэтому с оффсайта нельзя ничего скачать. Для этого идем на ГитХаб [2].
Зато прямо на сайте собрана коллекция основных элементов интерфейса — от кнопок до простых форм регистрации.
Semantic UI только начинает развиваться, автор на гитхабе даже предлагает всем желающим принять участие в работе над Semantic. Обращаться на e-mail jack@semantic-ui.com

Автор: Bringoff

Источник [3]


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

Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/43312

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

[1] Semantic UI: http://semantic-ui.com/

[2] ГитХаб: https://github.com/jlukic/Semantic-UI

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