Парсер Хабра: Semantic UI — словарь веба

суббота, 14 сентября 2013 г.

Semantic UI — словарь веба

сегодня в 07:57

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 jack@semantic-ui.com

Developers, stick with Russians – work in London

Переводы с

карты на карту

Переводы

через QR-Код

Новая функция

«Мой контроль»

Возьми Lumia 925 на тест-драйв сейчас.

Впечатляющие возможности

в стильном тонком корпусе из металла

Boomburum

исследует LTE

Эволюция средств связи

в путешествии по России

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers. Five Filters recommends: