Semantic UI

Семантический интерфейс

Semantic — это инфраструктура пользовательского интерфейса, предназначенная для тем.

Ключевые особенности

• 50+ элементов пользовательского интерфейса
• 3000 + CSS-переменные
• 3 уровня наследования переменных (аналогично SublimeText)
• Создано с учетом ценностей EM для адаптивного дизайна.
• Дружественный к флексбоксу

Semantic позволяет разработчикам быстро создавать красивые веб-сайты с использованием лаконичного HTML , интуитивно понятного JavaScript и упрощенной отладки , что помогает превратить интерфейсную разработку в увлекательное занятие. Semantic имеет адаптивный дизайн, позволяющий масштабировать ваш веб-сайт на нескольких устройствах. Semantic готов к производству и сотрудничает с такими платформами, как React , Angular , Meteor и Ember , что означает, что вы можете интегрировать его с любой из этих платформ, чтобы организовать свой уровень пользовательского интерфейса вместе с логикой вашего приложения.

Выпуск 2.5.0 (6 октября 2022 г.)

Semantic UI теперь совместим с Node 18 и Gulp 4.

Поддержка пользователей

Пожалуйста, помогите нам поддерживать систему отслеживания проблем в порядке. По техническим вопросам, которые не включают конкретный тестовый пример JSFiddle (отчеты об ошибках) или запрос функции, используйте StackOverflow, чтобы найти решение.

Посетите наше руководство по участию, чтобы узнать больше о том, что следует публиковать в GitHub Issues.

Установить

Рекомендуемая установка

npm install semantic-ui  # Use themes, import build/watch tasks into your own gulpfile.

Semantic UI включает в себя интерактивный установщик, который поможет настроить ваш проект.

• Для получения более подробной информации о настройке посетите наше руководство по началу работы.
• Чтобы узнать больше о темах, прочтите наше руководство по темам.

Дополнительные версии

Среда	Установить скрипт	Репо
Только CSS	npm install semantic-ui-css	CSS-репо
Только МЕНЬШЕ	npm install semantic-ui-less	МЕНЬШЕ РЕПО
МЕНЬШИЙ плагин	npm install less-plugin-semantic-ui	Репозиторий плагинов LESS
ЭмберJS	ember install:addon semantic-ui-ember	Эмбер Репо
Метеор - МЕНЬШЕ	meteor add semantic:ui	Метеор Репо
Метеор — CSS	meteor add semantic:ui-css	CSS-репо
Бауэр	bower install semantic-ui

Посетите нашу интеграционную вики для получения дополнительных возможностей.

Поддержка браузера

• Последние 2 версии FF, Chrome, Safari Mac
• ИЕ 11+
• Android 4.4+, Chrome для Android 44+
• iOS Сафари 7+
• Майкрософт Край 12+

Хотя некоторые компоненты будут работать в IE9, сетки и другие компоненты flexbox не поддерживаются IE9 и могут отображаться неправильно.

Сообщество

Получение помощи

Пожалуйста, не публикуйте вопросы об использовании в GitHub Issues. Для подобных вопросов используйте наш чат Gitter или StackOverflow.

Отправка ошибок и улучшений

GitHub Issues предназначен для предложения улучшений и сообщений об ошибках. Прежде чем сообщить об ошибке, убедитесь, что вы выполнили следующее:

• Ознакомьтесь с нашим руководством по участию, чтобы получить информацию о нашем цикле выпуска.
• Создайте форк этого шаблона JSFiddle, чтобы создать тестовый пример для вашей ошибки. Если в документации обнаружена ошибка, это нормально в качестве тестового примера, просто поясните, как именно воспроизвести проблему. Сортировке подлежат только ошибки, включающие тестовый пример.

Запросы на извлечение

Добавляя запросы на включение, обязательно выполните мержинг в следующую ветку. Если вам нужно продемонстрировать исправление в next выпуске, вы можете использовать этот JSFiddle

Международный

• Китайский сайт-зеркало на китайском языке доступен по адресу http://www.semantic-ui.cn.
• Справа налево (RTL) Версию RTL можно создать с помощью наших инструментов сборки, выбрав rtl в сценарии установки.
• Перевод Чтобы помочь с переводом, смотрите Wiki Guide для переводов.

Ресурсы

Ресурс	Описание
Ошибки и пожелания	Для всех сообщений об ошибках требуется ссылка на тестовый пример и набор шагов для воспроизведения проблемы. Вы можете создать тестовый пример, разветвив этот JSFiddle, а затем отправить отчет об ошибке на GitHub Issues.
Живой чат	Присоединяйтесь к нашей комнате Gitter.im
Обновления информационного бюллетеня	Подпишитесь на обновления на semantic-ui.com.
Дополнительные ресурсы	Отправьте вопрос на StackOverflow или задайте его в нашей группе Google.

Места, где можно помочь

Проект	Как помочь	Следующий шаг
Локализация	Помогите нам перевести Semantic UI на ваш язык	Присоединяйтесь к нашему сообществу переводчиков
СКСС	SASS нуждается в PR для поддержки переменных внутри @import	Добавить запрос на извлечение для # 739
Угловой	Помогите разработать угловые привязки	Обращайтесь по вопросам GitHub
Руководства и учебные пособия	Помогите написать руководства и туториалы.	Присоединяйтесь к обсуждению

Достижение

Если вы хотите начать разговор о Semantic, напишите мне по адресу [email protected].