Введение

Ознакомьтесь с основными настройками UIkit 3. Содержимое файлов. Разметка HTML. Автозаполнение UIkit для редактора кода. Поддержка браузерами.

Прежде всего вам необходимо скачать файлы. UIkit - это абсолютно бесплатно.
Для пакетов и ссылок 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 name="description" content="Крутой фреймворк UIkit 3">
        <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 в свой новый проект, посмотрите на доступные компоненты и создайте разметку внутри элемента <body> вашей страницы HTML5.

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

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

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

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

Последний