- 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ư:
Bây giờ, các bạn sử dụng đơn giản như ví dụ sau:
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.
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ị.
HTML:
<link href="path/to/raisin.min.css" rel="stylesheet">
HTML:
<div class="grid has-4-rows has-12-columns"></div>