Share Sử dụng thư viện RaisinCSS để thiết kế giao diện website

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Tiếp tục là một thư viện CSS để thiết kế giao diện website, lần này là RaisinCSS. Mỗi thư viện CSS có một ưu điểm khác nhau, có thư viện cung cấp nhiều thành phần, có thư viện ít thành phần nhưng nhiều tuỳ chọn cho mỗi thành phần. Tuỳ vào yêu cầu thực tế của dự án mà các bạn lựa chọn cho phù hợp hoặc có thể kết hợp cùng lúc nhiều thư viện khác nhau nhằm tận dụng tối đa các ưu điểm của mỗi thư viện.

Thư viện RaisinCSS mà tôi giới thiệu với các bạn ở bài viết này cũng có những ưu điểm đáng chú ý để các bạn sử dụng như:
  • Hỗ trợ thiết kế bố cục dạng lưới.
  • Hỗ trợ flexbox.
  • Tuỳ chỉnh các thành phần tự do, linh hoạt.
  • Công cụ hỗ trợ thiết kế nhanh và tuỳ chỉnh các thành phần mặc định.
  • Tương thích với hầu hết các thiết bị.
Cũng giống như các thư viện CSS khác, RaisinCSS rất dễ sử dụng, các bạn tải về tại địa chỉ https://github.com/tretapey/raisincss và tích hợp vào website với dòng mã lệnh HTML như sau:
HTML:
<link href="path/to/raisin.min.css" rel="stylesheet">
Bây giờ, các bạn sử dụng đơn giản như ví dụ sau:
HTML:
<div class="grid has-4-rows has-12-columns"></div>
Trên đây chỉ là một ví dụ đơn giản sử dụng thư viện RaisinCSS, các bạn có thể tìm hiểu thêm tại địa chỉ https://github.com/tretapey/raisincss.
 
Back
Top