Вступление. Начало работы

Ознакомьтесь с основными настройками и обзором UIkit 3.

Прежде всего вам необходимо скачать UIkit 3. Для пакетов и ссылок CDN, обратитесь к руководству по установке, чтобы узнать больше.

Скачать UIkit 3


Содержимое

Zip-файл содержит скомпилированные файлы CSS и JavaScript, и это все, что вам нужно для начала. Позже вы можете установить и скомпилировать UIkit 3 самостоятельно, а также создать свою собственную тему UIkit.

Папка Описание
/css Содержит UIkit CSS и версию RTL (RTL-стандарт: сайт справа налево)
+ минимизированные версии.
/js Содержит UIkit JavaScript и библиотеку иконок JavaScript
+ минимизированные версии.

Разметка HTML

Добавьте скомпилированный и минимизированный CSS и JavaScript файлы к <head> элементу вашего рабочего документа HTML5. Также подключите библиотеку иконок UIkit 3.
Готово! Для основной настройки на этом всё!

<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>Заголовок</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/uikit.min.css">
        <script src="js/uikit.min.js"></script>
        <script src="js/uikit-icons.min.js"></script>
    </head>
    <body>
    </body>
</html>

После того, как вы подключили UIkit 3 в свой новый проект, посмотрите на доступные компоненты и создайте разметку внутри элемента <body> вашей страницы HTML5.


Автозаполнение UIkit 3 для вашего редактора

Использовать UIkit лучше всего с надежным редактором кода, например, Sublime Text или Atom. Чтобы быть более продвинутым, рекомендуется установить один из плагинов автозаполнения для вашей любимой IDE (интегрированная среда разработки) или редактора кода. Это экономит достаточно много времени, вам не придется искать и вводить лишние классы UIkit.


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

В следующей таблице перечислены версии, на которых тестируется UIkit 3. «Последний» означает, что он прекрасно работает на всех последних версиях этого браузера. В связи с тем, что многие браузеры движутся в направлении стратегии Rolling release (плавающий релиз, роллинг-релиз), поддержка браузеров для какой-то конкретной версии стала немного сложной задачей в последние годы.
Короче говоря: UIkit 3 будет работать практически на любом современном браузере!

Chrome

Последний

Firefox

Последний

Edge

Последний

IE

11+

Safari

9.1+

Opera

Последний

Документация
Компоненты