Share Sử dụng thư viện CSS siimple để thiết kế các thành phần trên website

filiallion

Administrator
Staff member
Administrator
Messages
498
Points
10
Language
Tiếng Việt
Nếu các bạn đang cần một thư viện CSS có thiết kế phẳng thì siimple là sự lựa chọn tốt hiện nay. Cũng giống như Bootstrap hay các CSS framework khác, siimple cung cấp các thành phần giúp các bạn xây dựng bố cục, các thành phần cơ bản như button, form, card, list, menu,... Cách sử dụng siimple cũng tương tự các thư viện khác, chỉ với vài khai báo CSS là các bạn đã có một thành phần sử dụng cho website.

Tương tự như CSS framework turretcss, siimple cũng chỉ có các CSS được định nghĩa sẵn mà không cần sự hỗ trợ của JavaScript, chính vì vậy sẽ giúp cho website của các bạn nhẹ nhàng hơn rất nhiều.

Các bạn có thể cài đặt thư viện siimple bằng công cụ NPM với dòng lệnh sau:
Code:
npm install siimple --save
Sau đó, tích hợp vào website với dòng mã lệnh HTML duy nhất:
HTML:
<link href="path/to/siimple.min.css" rel="stylesheet">
Bây giờ, các bạn có thể sử dụng thư viện siimple để thiết kế giao diện website như ví dụ sau:
HTML:
<button type="button" class="siimple-btn siimple-btn--primary">Primary</button>
Các bạn có thể tìm hiểu thêm về thư viện siimple tại địa chỉ https://docs.siimple.xyz.
 
Top