Фронтенд (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/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