Share Thiết kế giao diện website với sự hỗ trợ của thư viện Concise CSS

[filiallion]

Language

Tiếng Việt

Nếu các bạn đang tìm kiếm một thư viện CSS nhỏ gọn nhưng cung cấp đầy đủ các thành phần cơ bản để xây dựng giao diện website thì Concise CSS là một sự lựa chọn tốt. Không giống như Bootstrap hay các CSS framework khác, Concise CSS chỉ là một thư viện CSS đơn giản, cung cấp các thành phần để xây dựng bố cục, định vị trí, khoảng cách, đường viền, các nút bấm, thông báo, hình ảnh,...

Với ưu điểm là nhỏ gọn, dễ sử dụng, thư viện Concise CSS thường được các bạn thiết kế sử dụng cho các trang onepage, các ứng dụng có giao diện đơn giản, không có nhiều thành phần.

Để sử dụng thư viện Concise CSS, các bạn sử dụng công cụ NPM để cài đặt với dòng lệnh:

npm install concise.css --save

Sau đó, các bạn tích hợp vào website với dòng lệnh HTML như sau:

<link href="path/to/concise.min.css" rel="stylesheet">

Bây giờ, các bạn có thể sử dụng các CSS đã được Concise CSS định nghĩa để thiết kế giao diện như ví dụ sau:

<button type="button" class="-bordered -success">Button</button>

Các bạn có thể tìm hiểu thêm về thư viện Concise CSS tại địa chỉ https://concisecss.com/documentation.