Share Xây dựng giao diện website với CSS framework Shoelace.css

filiallion

Administrator
Staff member
Administrator
Messages
403
Points
10
Language
Tiếng Việt
Tôi tiếp tục giới thiệu với các bạn một CSS framework khác đó là Shoelace.css. Nếu các bạn đã sử dụng qua Bootstrap, UIkit hay Metro thì các bạn hoàn toàn dễ dàng làm quen với Shoelace.css. CSS framework Shoelace.css cũng cung cấp các thành phần dùng để xây dựng giao diện website như grid, button, form, card, tab, table,...

Phong cách thiết kế của Shoelace.css khá giống với Bootstrap nhưng có bổ sung thêm các tuỳ chọn về kích thước, màu sắc để các bạn dễ dàng sử dụng mà không cần phải viết mã CSS tuỳ chỉnh thêm. Shoelace.css khá phù hợp với các website vừa và nhỏ với các thành phần cơ bản, vì vậy nếu các bạn đang có ý định xây dựng giao diện website thì có thể cân nhắc sử dụng Shoelace.css cho dự án của mình.

Các bạn tải CSS framework Shoelace.css tại địa chỉ https://github.com/claviska/shoelace-css/releases và tích hợp vào website với nội dung mã lệnh HTML như sau:
HTML:
<link href="path/to/shoelace.css" rel="stylesheet">
<script src="path/to/shoelace.js"></script>
Bây giờ, các bạn có thể sử dụng Shoelace.css để tạo một button như ví dụ sau:
HTML:
<button type="button" class="button-success">Success</button>
Các bạn có thể tìm hiểu thêm về CSS framework Shoelace.css tại địa chỉ https://www.shoelace.style.
 
Top