Как стать автором
Обновить

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

Время на прочтение1 мин
Количество просмотров82K
image
Наткнулся сегодня на одну интересную штуку.
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
Теги:
Хабы:
Всего голосов 85: ↑79 и ↓6+73
Комментарии40

Публикации

Истории

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
11 сентября
Митап по BigData от Честного ЗНАКа
Санкт-ПетербургОнлайн
19 сентября
CDI Conf 2024
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
25 сентября
Конференция Yandex Scale 2024
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн