5 lựa chọn thay thế cho Bootstrap mã nguồn mở

Chúng tôi liên tục thay đổi và cách thức hoạt động đã được đơn giản hóa cho các nhà phát triển ứng dụng web. Mặc dù nhiều người thích tạo mã của riêng họ, nhưng đúng là có những công cụ giúp cuộc sống của chúng ta dễ dàng hơn và cho phép chúng ta nhanh chóng triển khai một dự án.

Có lẽ trong hệ sinh thái FrontEnd, CSS / JS framework phổ biến và được sử dụng nhiều nhất trong thời gian gần đây là Bootstrap là có lý do. Bootstrap có thể là hoàn thiện nhất so với các đối thủ cạnh tranh và họ có các tùy chọn cho hầu hết mọi thứ, nhưng nó không phải là duy nhất, và về vấn đề sở thích, thậm chí không phải là đẹp nhất.

Tìm kiếm trên Internet cho tôi Tôi đã tìm thấy một danh sách với một số Khung CSS / JS nguồn mở phổ biến nhất và quan trọng nhất mà chúng tôi có thể sử dụng cho các dự án cá nhân của mình. Nhưng trong trường hợp này tôi sẽ chỉ đề cập đến 5 cái mà tôi cho là thú vị nhất. Bắt đầu nào:

Áo khoác

áo khoác ngoài

Điều này đặc biệt là không biết anh ta. Được phát hành bởi Adobe®, nó là một khuôn khổ tập trung chủ yếu vào việc cung cấp những gì cần thiết để tạo các ứng dụng web cho tất cả các thiết bị. Trong số các tính năng chính của nó là:

  • Nó nhanh chóng.
  • Chủ đề có thể được tùy chỉnh.
  • Biểu tượng riêng.
  • Nguồn Sans Pro, một nguồn OpenSource từ Adobe.

Áo khoác

Giao diện người dùng

uikit

Từ những gì có thể thấy, UIkit là một trong những đối thủ mạnh nhất của Bootstrap và là dữ liệu khác biệt, nó bổ sung một loạt các thành phần mà khung công tác Twitter không thêm vào theo mặc định, hoặc chỉ đơn giản là cải thiện chúng.

UIKit

Giao diện người dùng ngữ nghĩa

giao diện người dùng ngữ nghĩa

Một đối thủ khác của Bootstrap đáng để tính đến, vì nó không chỉ cung cấp các thành phần mới mà chúng ta có thể chọn giữa một số kiểu / chủ đề cho chúng. Chúng tôi có thể chọn rằng các nút chẳng hạn tương tự hoặc bằng với các nút của GMail, Github, Amazon, Google Material, Bootstrap, Twitter, v.v.

Giao diện người dùng ngữ nghĩa

INK

INK

Một ứng cử viên rất tốt để xem xét. INK cũng cung cấp cho chúng tôi các thành phần mới hoặc có thiết kế và chức năng hơi khác so với những gì chúng tôi tìm thấy trong Bootstrap.

INK

Metro UI

MetroUI

Nếu chúng tôi muốn làm điều gì đó gần gũi hơn với người dùng Windows, thì Metro UI là một trong những biến thể mà chúng tôi có. Và tôi nói một câu, bởi vì nếu chúng ta quan sát một chút, chúng ta sẽ thấy các tùy chọn khác cho chính Bootstrap.

Metro UI

Kết luận

Tùy thuộc vào nhu cầu và mục tiêu của chúng tôi, chúng tôi có một số lựa chọn thay thế như chúng tôi đã thấy. Mặc dù tôi chỉ đề cập đến 5 mà tôi cho là đầy đủ nhất, còn nhiều thứ khác như bạn có thể thấy trong danh sách mà tôi đã đề cập ở phần đầu. Cũng có thể thấy rằng nhiều người trong số họ đã lấy ý tưởng từ Bootstrap và thậm chí cải tiến chúng và các công ty như Adobe cũng tham gia sáng kiến ​​tạo ra loại công cụ này để cải thiện công việc của chúng tôi.

Nếu chúng ta có kiến ​​thức cần thiết, có lẽ chúng ta thậm chí có thể kết hợp một số người trong số họ lấy những gì chúng ta cần. Lựa chọn là của bạn dù sao.


Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.

  1.   thợ săn dijo

    Bạn đã bỏ lỡ đóng góp của Yahoo: Pure CSS, nó tập trung vào sự tối giản và nhẹ nhàng.

    Pure là nhỏ một cách kỳ cục. Toàn bộ tập hợp các mô-đun đồng hồ ở mức 4.0KB * được thu nhỏ và nén. Được tạo ra với thiết bị di động, điều quan trọng đối với chúng tôi là giữ cho kích thước tệp của mình nhỏ và mọi dòng CSS đều được xem xét cẩn thận. Nếu bạn quyết định chỉ sử dụng một tập hợp con của các mô-đun này, bạn sẽ tiết kiệm được nhiều byte hơn nữa.

    http://purecss.io/

    1.    sống động dijo

      Đúng, Pure là một lựa chọn, nhưng mặc dù kích thước của nó, từ các tiêu chí rất cụ thể của tôi, nó không hoàn chỉnh như những điều đã đề cập ở trên.

      1.    thợ săn dijo

        Điều tôi thích ở Pure là nó cung cấp cho bạn những điều cơ bản và rất nhanh để học và thực hiện, bạn có thể sử dụng nó trên một trang web và nó cung cấp cho bạn phạm vi để làm một cái gì đó nguyên bản, bạn không bị "bootstrapified" như hầu hết.

  2.   JoZ3 dijo

    Bạn ơi, tôi nghĩ bạn đã bỏ qua một trong những đối thủ lớn của Bootstrap… Foundation

    1.    sống động dijo

      Đúng là ... Fundation đã lướt qua tôi, đó là một trong những cái tên vĩ đại khác, có thể là đối thủ cạnh tranh lớn nhất của Bootstrap theo những gì họ nói.

      1.    diệt chuột dijo

        Bạn ơi, tôi nhớ bạn một tài liệu quan trọng. Chúc mừng

      2.    Marcos dijo

        Foundation là khuôn khổ tốt nhất để thiết kế giao diện, hoàn thiện nhất và linh hoạt nhất, và nó là đối thủ cạnh tranh lớn với bootstrap, mặc dù bootstrap không đạt đến đế giày.

  3.   blondfu dijo

    Rất thú vị, tôi không biết họ. Tôi cũng ngạc nhiên khi không thấy kem nền trong danh sách đó.

    1.    rlsalgueiro dijo

      trong thực tế, trang web của liên kết để lại ngay từ đầu nền tảng này mà không nghi ngờ gì là một trong những đối thủ cạnh tranh mạnh nhất.

  4.   Raphael Mardechai dijo

    Tôi sẽ bắt đầu suy nghĩ nhiều hơn về các khuôn khổ này để có một số phát triển, hiện tại tất cả các trang web đáp ứng tôi viết từ 0, một trăm niềm vui hơn khi viết mọi thứ Xd

  5.   C. dijo

    Vào cuối ngày, tất cả chúng đều giống nhau. Chữ cái tốt trên nền trắng

  6.   kik1n dijo

    Quy tắc BackEnd 😀

  7.   Gabriel dijo

    Sự thật là tại thời điểm này, bài đăng này của tôi rất tốt, cảm ơn bạn 😉

  8.   đi ra19 dijo

    Tôi đang sử dụng ngữ nghĩa ui và nó không trực quan để nói

  9.   Alberto Carlos Webb Ozz dijo

    Nếu không có Materialize hay Foundation, danh sách này thật nhảm nhí.

    1.    sống động dijo

      Tại sao nói ai? Nơi nào được viết rằng hai người đó phải được cụ thể? Nếu bạn đọc các bình luận (điều gì đó mà dường như bạn chưa làm), bạn sẽ thấy rằng tôi nhận ra rằng tôi đã thiếu Quỹ, nhưng danh sách bạn thấy trong bài viết này dựa trên sự đánh giá của tôi và bạn không cần phải đồng ý với điều đó. , nhưng không nói rằng rác.

  10.   kamisama666 dijo

    Xin chào, bài viết rất hay. Nhưng tôi muốn nói với bạn rằng có vẻ như ai đó đã sao chép nó trên trang web của họ mà không phản ánh nguồn gốc. Tôi không biết bạn xử lý những vấn đề này như thế nào, nhưng tôi nghĩ bạn muốn biết. Liên kết là: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    Một lời chào.

    1.    sống động dijo

      Vâng, nó là bình thường cho điều đó xảy ra. Tôi đã liên hệ với những người chịu trách nhiệm về trang web 😉

  11.   Yury Jajitzky dijo

    Đóng góp xuất sắc! Bootstrap chắc chắn đã mở ra cánh cửa cho những người giỏi về backend như tôi nhưng lại tệ ở frontend trong css để mang đến một sản phẩm đẹp. Có thể đó không phải là cách chính xác mà họ nên đề cập đến nó nhưng tôi đồng ý rằng danh sách này bị thiếu MaterializeCSS; một khuôn khổ nhẹ, mạnh mẽ, với sự xuất hiện của material design và đường cong học tập tuyệt vời nhất có thể. Trong 10 phút, tôi đã có thể thiết lập một giao diện rất đẹp nhờ framework này. Tài liệu của nó quá đơn giản nên so với bootstrap, nó làm cho nó giống như kỹ thuật hàng không vũ trụ. Vì vậy, tôi khuyên bạn nên xem Materialize (materializecss.com). Trân trọng!