Top 10 front-end framework trong năm 2016 (Phần 2)

Ngoc Huynh

6. Pure

Được tạo bởi nhóm phát triển của Yahoo, Pure đến với một mảng các module CSS nhẹ, cái có thể được sử dụng trong trong mọi dự án. Khi sử dụng Pure, bạn có thể dễ dàng tạo các nút, menu, grid, talbe responsive và các tính năng khác. Vì nó chỉ dựa trên CSS thuần, nên nó không hỗ trợ JavaScript hoặc các JQuery plugin.

Khi minified và nén với Gzip, Pure chỉ có 4.5KB, làm cho nó trở thành framework nhẹ nhất và nhanh nhất. Và kết quả là nó phù hợp nhất với việc phát triển các website cho mobile, và nhiều lập trình viên đã dựa vào lý do này để chọn nó.

Ưu điểm:

• Cực kỳ nhẹ, đảm bảo thời gian tải nhanh ngay cả trên các thiết bị mobile
• Mảng các module CSS linh hoạt có thể được sử dụng trên mọi thiết kế và dự án

Nhược điểm:

• Chỉ có duy nhất CSS, không bao gồm JQuery hoặc các plugin JS

Lý tưởng cho: Những lập trình viên tập trung vào việc tạo ra các responsive website

7. Skeleton

Skeleton là một framework cực kỳ nhẹ chỉ có 400 dòng code. Framework chỉ bao gồm những thành phần tối thiểu giúp bạn bắt đầu một dự án web. Nó không bao gồm tất cả như các framework đã đề cập ở trên.

Skeleton cũng responsive, dựa trên hệ thống grid 12 cột, và bao gồm những yếu tố cần thiết như: các button, list, table, form, …

Ưu điểm:

• Cực kỳ nhẹ
• Đơn giản hơn và hữu ích cho các dự án nhỏ

Nhược điểm:

• Không bao gồm nhiều các tiện ích/ thành phần style như các framework lớn

Lý tưởng cho: Những ai muốn tạo một project nhỏ cái không yêu cầu tất cả các thành phần style của một framework lớn.

8. UIKit

UIKit là một framework có tính module hóa cao, nó khác biệt so với các framework vì nhiều lý do. Đứng đầu trong số chúng là nó bao gồm cả LESS và Sass preprocessor.

Có một mảng các thành phần responsive, tải nhanh với quy ước đặt tên thống nhất, giúp UIKit trở thành một trong những framework phổ biến nhất.

Nó có hơn 30 thành phần có khả năng mở rộng có thể kết hợp với tính linh hoạt cao. Nó bao gồm các thành phần điều hướng như side navigation bar, các phần tử HTML như form và table; các thành phần JavaScript như off-canvas bar và modal dialog; các phần tử thông dụng như button, badge, và overlay; và các thành phần layout, bao gồm hệ thống grid hoàn toàn toàn responsive.

Ưu điểm:

• Tính tùy biến cao
• Bạn có thể thêm các thành phần tới stylesheet mà không ảnh hưởng tới style tổng thể
• Tạo một giao diện người dùng cao cấp sử dụng các thành phần có khả năng lồng nhau

Nhược điểm:

• Rất ít tài nguyên vì tương đối mới

Lý tưởng cho: Những lập trình viên đã có kinh nghiệm với sự thiếu hụt các tài nguyên. Ngược lại, nó như nhau cho cả dự án đơn giản và phức tạp.

9. Milligram

Milligram là một framework cực kỳ nhẹ khác giống như Skeleton. Khi đã được Gzipped, nó chỉ còn 2kB dung lượng và được sử dụng để cung cấp cho các lập trình viên một điểm khởi đầu đơn giản và tiện lợi.

Hệ thống grid của Milligram là khác biệt nhất vì nó sử dụng chuẩn CSS Flexible Box Layout Module. Nó cũng cung cấp cho bạn một vài thành phần như typography, buttons, forms, lists, tables, blockquotes, …

Ưu điểm:

• Rất nhẹ, chỉ 2kB khi đã được Gzipped
• Hệ thống grid sử dụng CSS Flexbox

Nhược điểm:

• Rất ít tài liệu vì tương đối mới
• Có ít các thành phần khi so sánh với các framework khác

Lý tưởng cho: Những lập trình viên muốn tạo một dự án nhỏ không yêu cầu nhiều component và muốn sử dụng hệ thống CSS Flexbox grid system.

10. Susy

Một số người cho rằng Susy không phải là một front-end framework vì nó tập trung vào việc giải quyết những layout phức tạp. Trong thực thế, có thể coi Susy như một grid maker hơn là một framework, nhưng nó có thể là một công cụ không thể thiếu cho những người muốn có những layout đặc biệt.

Susy cung cấp cho bạn mixins, cái có thể được sử dụng để tạo các grid. Framework làm tất cả việc tính toán cho bạn, giúp tiết kiệm nhiều thời gian và công sức.

Với Susy, bạn có thể tạo ra mọi loại grid layout có thể tưởng tượng ra. Nếu bạn đang tìm một framework để làm điều này, Susy là câu trả lời cho bạn.

Ưu điểm:

• Cực kỳ linh hoạt, vì thế bạn có thể tạo ra bất kỳ loại grid layout nào mà bạn cần
• Tự động thực hiện tất cả các tính toán

Nhược điểm:

• Không cung cấp tất cả những thành phần cần thiết cho thiết kế web, vì vậy bạn vẫn cần một framework khác
• Không có các grid được xây dựng sẵn

Lý tưởng cho: bất kỳ ai muốn có một layout đặc biệt và độc nhất.

Chia sẻ bài viết ngay

Nguồn bài viết : https://www.keycdn.com