Share Sử dụng CSS framework Pure để thiết kế giao diện website

[filiallion]

Language

Tiếng Việt

Hiện nay, để thiết kế giao diện website đa phần các bạn đều sử dụng CSS framework và cũng có nhiều CSS framework để phục vụ các bạn, một trong số các CSS framework phổ biến nhất hiện nay phải kể đến là Bootstrap, UIkit, Metro... Các CSS framework này đáp ứng gần như toàn bộ các yêu cầu thiết kế của các bạn, bên cạnh các CSS framework này còn có nhiều CSS framework khác và một trong số đó là Pure.

Không giống như Bootstrap, UIkit hay Metro, Pure là một thư viện CSS nhỏ gọn, có hiệu năng rất ấn tượng nhưng cũng đáp ứng được hầu hết các yêu cầu thiết kế của các bạn. Thư viện Pure vẫn có đầy đủ các thành phần như grid, form, button, table, menu... nên có thể phục vụ cho các website vừa và nhỏ hoặc các website chuyên cho di động. Ngoài việc nhỏ gọn, thư viện Pure còn có thiết kế đẹp với màu sắc tươi sáng, hiện đại, đây là một ưu điểm đáng kể khi mà tính thẩm mỹ được quan tâm.

Các bạn có thể tải thư viện Pure tại địa chỉ https://github.com/pure-css/pure và tích hợp vào website với dòng mã lệnh HTML như sau:

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

Bây giờ, các bạn có thể sử dụng các thành phần của Pure như ví dụ sau:

<button type="button" class="pure-button pure-button-primary">Primary</button>

Các bạn có thể tìm hiểu thêm về CSS framework Pure tại địa chỉ https://purecss.io.