Bốn framework front-end đủ khả năng thay thế Bootstrap

Như các bạn đã biết, Bootstrap là một framework dùng để thiết kế giao diện Web phổ biến nhất hiện nay. Mặc dù được rất nhiều website và lập trình viên ưa thích sử dụng, Bootstrap vẫn có 1 số nhược điểm nhất định như phong cách rườm rà, cần phải ghi đè và tùy chỉnh phong cách để có thể có giao diện khác với mặc định, Javascript gắn liền với jQuery,… Hãy thử tưởng tượng, nếu thế giới công nghệ không có Bootstrap thì bạn sẽ dùng gì để thiết kế giao diện Web? Bài này giúp bạn tìm hiểu một số framework khác ngoài Bootstrap để bạn có thể áp dụng cho website của mình.

1. Foundation do ZURB phát triển
Foundation là một framework front-end lớn thứ hai sau Bootstrap. Với sự chống lưng của công ty ZURB, framewor này rõ ràng là 1 framework mạnh và có sự phát triển lâu dài. Hiện nay, có rất nhiều website như Facebook, Mozilla, Ebay, Yahoo! và National Geographic áp dụng framework này.

Một số thông tin về Foundation:

• Công ty: ZURB
• Phát hành: 2011
• Phiên bản hiện tại: 6
• Độ phổ biến: 26,956 sao ở GitHub
• Mô tả: “Framework đáp ứng tốt nhất trên thế giới”
• Nguyên lý: RWD, mobile first, semantic
• Dung lượng: 197.5 KB
• Tiền xử lý: Sass
• Khả năng đáp ứng: Có

2. Semantic UI
Semantic UI là một framework với nỗ lực xây dựng website mang tính ngữ nghĩa hơn. Framework này tận dụng nguyên lý ngôn ngữ tự nhiên, do đó mã nguồn mang tính dễ đọc và dễ hiểu. Nhiều chuyên gia dự đoán, Semantic UI sẽ là framework có khả năng thay thế cả Bootstrap lẫn Foundation trong tương lai.

Một số thông tin về Semantic UI:

Người tạo: Jack Lukic

Phát hành: 2013

Phiên bản hiện tại: 2.2

Độ phổ biến: 39,364 sao ở GitHub

Mô tả: “Framework thành phần giao diện sử dụng các nguyên lý ngôn ngữ tự nhiên hữu ích”

Nguyên lý: Semantic, tag ambivalence, responsive

Dung lượng: 806 KB

Tiền xử lý: Less

Khả năng đáp ứng: Có

3. Pure do Yahoo! phát triển
Pure là frame mang tính module và có dung lượng nhỏ được viết bằng CSS thuần túy, bao gồm các thành phần có thể sử dụng cùng nhau hoặc tách rời tùy theo nhu cầu.

Một số thông tin về Pure:

Người tạo: Yahoo

Phát hành: 2013

Phiên bản hiện tại: 1.0.0

Độ phổ biến: 18,183 sao ở GitHub

Mô tả: “Một tập các module CSS đáp ứng, nhỏ có thể sử dụng ở mọi dự án Web”

Nguyên lý: SMACSS, tối thiểu hóa

Dung lượng: 3.8 KB (đã nén)

Tiền xử lý: Không

Khả năng đáp ứng: Có

4. UIkit do YOOtheme phát triển
UIkit là một tập gọn các thành phần dễ sử dụng và tùy biến. Mặc dù UIKit không phổ biến bằng các đối thủ khác, nhưng nó vẫn đáp xây dựng ứng dụng với cùng chức năng và chất lượng.

Một số thông tin về UIkit:

Người tạo: YOOtheme

Phát hành: 2013

Phiên bản hiện tại: 3.0.0

Độ phổ biến: 11,604 sao ở GitHub

Mô tả: “Framework front-end dạng modul và nhẹ để phát triển giao diện Web nhanh và mạnh mẽ.”

Nguyên lý: RWD, mobile first

Dung lượng: 326.9 KB (đã nén Zip)

Tiền xử lý: Less, Sass

Khả năng đáp ứng: Có

Trong bài này chỉ trình bày một số Framework là giải pháp thay thế tốt cho Bootstrap. Ngoài ra, còn có hàng trăm Framework Front-End mà bạn có thể lựa chọn như W3, Skeleton,… tùy theo nhu cầu phát triển website.