Uikit - помага на уеб страниците да изглеждат по-красиви

Uikit - помага на уеб страниците да изглеждат по-красиви

Какво е Uikit?

Лек и модулен front-end framework за разработване на бързи и мощни уеб интерфейси. Uikit Ви дава изчерпателна колекция от HTML, CSS и JS компоненти. Той е лесен за използване, персонализиране и може да се обнови. Кода на Uikit е съвместим с друг framework и разширения, които може би използвате.

b2ap3_thumbnail_uikit-.png

Как да се сдобия с 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 от примера.

b2ap3_thumbnail_customizer.png

Визуализиране на компонентите

На http://getuikit.com/ се намира подробна информация с начините за вграждане на компонентите в нашата страница. Например искаме да покажем прогрес бара.

40%

От менюто компоненти избираме Progress и ни се показват примерни кодове, които да вградим в нашия HTML документ.

<div class="uk-progress">
<div class="uk-progress-bar" style="width: 40%;">40%</div>
</div>


Uikit може да бъде използван в различни CMS (системи за управление на съдържанието), Wordpress, Joomla и други. Също и в прости HTML страници.

Професионални снимки за блогове и новинарски сайто...
Андрей Димитров: Търсачката измерва сайтовете по п...
 

Коментари

Напишете първият коментар :)
вече сте регистриран? влезте оттук
Guest
Вторник, 26 Ноември 2024