Фронтенд (UI)
Визуальный фреймворк (UI) предназначен для создания интерфейса информационной системы. Он состоит из блоков HTML кода, CSS стилей и ява-скриптов.
Актуальная версия доступна по ссылке http://sf4.simai.pro/
Визуальный фреймворк (UI) включает в себя следующие элементы:
Базовые элементы и принципы
- Модификаторы http://sf4.simai.pro/ru/ui/intro/modifier.php
- Макет страницы http://sf4.simai.pro/ru/ui/layout/page.php
- Сетку http://sf4.simai.pro/ru/ui/layout/grid.php
- Утилиты адаптивности http://sf4.simai.pro/ru/ui/layout/responsive-utilities.php
- Текст http://sf4.simai.pro/ru/ui/content/typography.php
- Ссылки http://sf4.simai.pro/ru/ui/content/link.php
- Таблицы http://sf4.simai.pro/ru/ui/content/table.php
- SVG изображения http://sf4.simai.pro/ru/ui/content/svg.php
- Иконки http://sf4.simai.pro/ru/ui/content/icon.php
- Цвет http://sf4.simai.pro/ru/ui/decor/color.php
- Тема http://sf4.simai.pro/ru/ui/decor/theme.php
- Границы http://sf4.simai.pro/ru/ui/decor/border.php
- Паттерны http://sf4.simai.pro/ru/ui/decor/pattern.php
- Прозрачность http://sf4.simai.pro/ru/ui/decor/opacity.php
- Тени http://sf4.simai.pro/ru/ui/decor/shadow.php
- Заголовки http://sf4.simai.pro/ru/ui/decor/title.php
Прочие утилиты (модификаторы)
- Свойство отображения http://sf4.simai.pro/ru/ui/utility/display-property.php
- Положение http://sf4.simai.pro/ru/ui/utility/position.php
- Положение по оси Z http://sf4.simai.pro/ru/ui/utility/z-index.php
- Ширина http://sf4.simai.pro/ru/ui/utility/width.php
- Высота http://sf4.simai.pro/ru/ui/utility/height.php
- Отступы http://sf4.simai.pro/ru/ui/utility/space.php
- Вертикальное выравнивание http://sf4.simai.pro/ru/ui/utility/vertical-align.php
- Flexbox http://sf4.simai.pro/ru/ui/utility/flexbox.php
- Соотношение сторон http://sf4.simai.pro/ru/ui/utility/aspect-ratio.php
- Поля http://sf4.simai.pro/ru/ui/component/form/field.php
- Список выбора http://sf4.simai.pro/ru/ui/component/form/select.php
- Чекбоксы http://sf4.simai.pro/ru/ui/component/form/checkbox.php
- Радиокнопки http://sf4.simai.pro/ru/ui/component/form/radio.php
- Переключатели (свитчи) http://sf4.simai.pro/ru/ui/component/form/switch.php
- Диапазон http://sf4.simai.pro/ru/ui/component/form/range.php
- Выбор файла http://sf4.simai.pro/ru/ui/component/form/file.php
- Поиск http://sf4.simai.pro/ru/ui/component/form/search.php
- Валидация http://sf4.simai.pro/ru/ui/component/form/validation.php
Готовые UI компоненты
- Уведомления http://sf4.simai.pro/ru/ui/component/alert.php
- Значки (бейджи) http://sf4.simai.pro/ru/ui/component/badge.php
- Кнопки http://sf4.simai.pro/ru/ui/component/button.php
- Группа кнопок http://sf4.simai.pro/ru/ui/component/button-group.php
- Слайдер http://sf4.simai.pro/ru/ui/component/swiper.php
- Выпадающие списки http://sf4.simai.pro/ru/ui/component/dropdown.php
- Список групп http://sf4.simai.pro/ru/ui/component/list-group.php
- Галерея http://sf4.simai.pro/ru/ui/component/fancybox.php
- Модальные окна http://sf4.simai.pro/ru/ui/component/modal.php
- Постраничная навигация http://sf4.simai.pro/ru/ui/component/pagination.php
- Информеры http://sf4.simai.pro/ru/ui/component/popover.php
- Полоса прогресса http://sf4.simai.pro/ru/ui/component/progress.php
- Отслеживание прокрутки http://sf4.simai.pro/ru/ui/component/scrollspy.php
- Скрыть показать http://sf4.simai.pro/ru/ui/component/hide-show.php
- Кнопка наверх http://sf4.simai.pro/ru/ui/component/button-up.php
- Полоса прокрутки http://sf4.simai.pro/ru/ui/component/scroll.php
- Композитные карточки http://sf4.simai.pro/ru/ui/component/overcard.php
- Композитные вкладки http://sf4.simai.pro/ru/ui/component/sf-tab.php
- Область показа http://sf4.simai.pro/ru/ui/component/viewbox.php
- Аякс загрузка http://sf4.simai.pro/ru/ui/component/ajaxload.php
- Кнопки расшаривания http://sf4.simai.pro/ru/ui/component/share.php
- Кнопка закрытия http://sf4.simai.pro/ru/ui/component/close.php
- Отложенная загрузка http://sf4.simai.pro/ru/ui/utility/lazy-load.php