Uikit

Uikit
Легкий и модульный интерфейсный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Основные компоненты UIKit.

UIKit предлагает более 30 модульных компонентов, которые могут комбинироваться друг с другом. Компоненты разделены на различные группы в соответствии с их назначением и функциональностью.

Базовые

Эти компоненты, как правило, нормализуют HTML-элементов для кросс-браузер функциональность и добавить некоторые очень простые укладки.

Разметка

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

Навигаций

UIkit предложения разных типов навигации, как навигационные панели и боковых навигаций. Использовать панировочные сухари или пагинации рулить с помощью статей.

Элементы

Стиль основные элементы HTML, как таблицы и формы. Эти компоненты использовать свои собственные классы. Они не будут мешать какие-умолчанию элемент стайлинга.

Общие

Здесь вы найдете компоненты, которые вы часто используете в контенте, как пуговицы, иконки, эмблемы, накладки, анимации и многое другое.

JavaScript

Эти компоненты опираются в основном на JavaScript угасать в скрытый контент, вроде выпадающих меню, модальные диалоги, off-холст баров и всплывающие подсказки.

Контрольные точки.

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

Размер Контрольные точки Устройства
Mini до 479px Смартфон (портрет)
Small 480px до 767px Смартфон (альбом)
Medium 768px до 959px Планшет (портрет)
Large 960px до 1199px Компьютер и планшет (альбом)
Xlarge 1200px и больше Большие экраны

CSS архитектура

Для того, чтобы избежать конфликтов с другими системами CSS, все классы UIKit имеют префикс *uk-*. Компоненты разделяются на сам компонент, суб-объекты и модификаторы, чьи имена классов всегда содержат имя компонента.

Оставить комментарий

Вы комментируете как Гость.