Professional Documents
Culture Documents
thiết kế web
thiết kế web
Tổng quan:
I. Uikit là gì ?
II. Uikit thường bao gồm những gì ?
III. Cách sử dụng
IV. Kết luận
Nội dung:
I. Uikit là gì ?
UIkit là bộ kit giao diện người dùng, là một tập hợp các thành phần giao diện
người dùng được làm sẵn cũng như các nguồn lực cho các dự án website và
mobile. Chúng thường đi kèm với các tùy chọn về style thiết kế và màu sắc
khác nhau, cho phép các designer hoàn toàn tùy chỉnh các yếu tố, template và
bố cục bên trong để thiết kế UI của riêng họ và duy trì sự nhất quán trong
thương hiệu một cách dễ dàng chỉ với vài cú click hoặc thao tác kéo thả đơn
giản.
UIkit đượᴄ хâу dựng ᴠà duу truỳ bởi YOOtheme, một ᴄông tу ᴄủa Đứᴄ, đâу là
ᴄông tу tập trung ᴠào ᴠiệᴄ хâу dựng ᴄáᴄ theme ᴠà ứng dụng ᴄho ᴡeb.
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/uikit.min.css" />
<script src="js/jquery.js"></script>
<script src="js/uikit.min.js"></script>
</head>
<body>
</body>
</html>
Grid Cách phân chia màn hình responsive của lưới (Gird) như sau:
Ngoài ra còn có nhiều thành phần khá thú vị như animations, transition … các bạn
có thể tìm hiểu kỹ nhất tại https://getuikit.com/docs/introduction .