Какво е Uikit?
Лек и модулен front-end framework за разработване на бързи и мощни уеб интерфейси. Uikit Ви дава изчерпателна колекция от HTML, CSS и JS компоненти. Той е лесен за използване, персонализиране и може да се обнови. Кода на Uikit е съвместим с друг framework и разширения, които може би използвате.
Как да се сдобия с Uikit?
Фреймуорка може да бъде изтеглен от официалният сайт - http://getuikit.com/. Безплатен е. Сайта позволява да си направите специален код за едно или няколко от приложенията на Uikit, които смятате да използвате.
Инсталиране
След като изтеглите фреймуорка трябва да го качите в произволна папка на хостинга на вашият сайт. След това с този примерен код посочвате пътя за достъп до .js и .css файловете.
ПРИМЕР
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="uikit.min.css" />
<script src="jquery.js"></script>
<script src="uikit.min.js"></script>
</head>
<body>
</body>
</html>
Това е начина да инсталирате всички компоненти. В случай, че се нуждаете от отделен компонент с помощта на персонализатора можете да изберете отделен елемент и да генерирате css код, който да заместите с uikit.min.css от примера.
Визуализиране на компонентите
На http://getuikit.com/ се намира подробна информация с начините за вграждане на компонентите в нашата страница. Например искаме да покажем прогрес бара.
От менюто компоненти избираме Progress и ни се показват примерни кодове, които да вградим в нашия HTML документ.
<div class="uk-progress"> <div class="uk-progress-bar" style="width: 40%;">40%</div></div>