Kết nối

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

783 lượt xem 
 
Thể loại: 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.

    Bình luận Facebook

    1
    Để lại bình luận

    avatar
    1000
    1 Comment threads
    0 Thread replies
    0 Followers
     
    Most reacted comment
    Hottest comment thread
    0 Các tác giả bình luận
    Tại sao nên dùng Bootstrap – chaly & front-end Các tác giả bình luận gần đây
      Theo dõi  
    mới nhất cũ nhất được bình chọn nhiều nhất
    Thông báo của
    trackback

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