Semantic-ui vs Bootstrap [đã đóng]


107

Loại nào tốt nhất để sử dụng và nếu có thể, vui lòng cung cấp (các) sự khác biệt và ưu điểm của hai loại này.

Semantic-ui vs Bootstrap Tôi đang cố gắng xây dựng giao diện người dùng của mình và thực sự bối rối không biết nên sử dụng cái gì.

Vui lòng đề xuất cho tôi cái tốt nhất và nếu có thể với các ví dụ.

Câu trả lời:


62

Tôi nghĩ rằng chúng ta không thể thấy sự khác biệt giữa BootstrapSemantic-UI ngay bây giờ, Semantic-ui là mới, vì vậy chúng ta phải để thời gian quyết định :)

Ý kiến ​​của tôi: Thiết kế Semantic-UI tốt hơn Bootstrap và sạch sẽ hơn, dễ sử dụng, mã hóa chặt chẽ, các thành phần hữu ích, nhẹ. Tôi nhìn thấy tương lai của Framework trong Semantic-UI, vì vậy tôi sẽ đóng góp và hy vọng điều tốt nhất cho nó, nhưng tôi sẽ không sử dụng nó cho các dự án lớn phụ thuộc vào phản hồi và hỗ trợ lớn!


2
Tôi thực sự thích ý kiến ​​của bạn, đặc biệt là về "sẽ không sử dụng nó cho các dự án lớn mà phụ thuộc vào phản hồi và hỗ trợ rất lớn". Bởi vì tôi vừa chuẩn bị nhảy tàu.
windmaomao

2
2 năm trước, Semantic UI dường như nhẹ hơn Bootstrap. Nhưng bây giờ, hãy xem ...
Han

3
Tôi không thể đồng ý, tôi sẽ sử dụng semantic-ui lần đầu tiên, và sẽ tham gia một dự án lớn, đối với những gì tôi thấy, tôi khá chắc chắn rằng điều đó sẽ xử lý khá tốt.
Pedro

31

Nếu bạn không phiền, tôi thêm Foundation by Zurb vào chủ đề (giải pháp thay thế hợp lệ duy nhất cho Bootstrap vào lúc này).

Tôi vừa kiểm tra SemUI của dự án / khuôn khổ và nó khá tuyệt vời. Ý tưởng xây dựng các trang của bạn theo một cách ngữ nghĩa chặt chẽ rõ ràng là tốt, hơn nữa theo ý kiến ​​của tôi thì thiết kế này rất ấn tượng và có rất nhiều thành phần và cài đặt để sử dụng và lựa chọn từ bộ.

Một điều khác mà tôi nhận thấy là gói, được tổ chức rất tốt, mỗi thành phần nếu bạn muốn đều có biểu định kiểu và tệp tập lệnh riêng, do đó bạn sẽ chỉ có thể tải những gì bạn cần, ngay cả vì gói khá nặng nếu bạn bao gồm mọi thứ trong một trang duy nhất.

Đối với bản phát hành trước, tôi thừa nhận rằng tôi đang cân nhắc xây dựng ứng dụng web tiếp theo của mình với khuôn khổ như vậy, nhưng tôi gặp một số khó khăn:

  • đó là thiết bị di động ưu tiên như Bootstrap hay Foundation? từ những gì tôi có thể thấy, nó không giống như vậy;
  • Bootstrap có hai nhà đóng góp hợp lệ và nổi tiếng và Foundation có Zurb đứng sau, còn SemanticUI thì sao? đây là bản phát hành trước, chúng ta sẽ thấy các bản phát hành khác chứ?

vì những điều phức tạp như vậy, tôi nghĩ nên tránh sử dụng nó cho một dự án kinh doanh / thương mại vào lúc này, có thể trong tương lai rất gần, nhưng nếu bạn định sử dụng nó cho ứng dụng web cá nhân của riêng bạn (như của tôi), tôi nghĩ rằng đó là một lựa chọn khá tốt.

Sau đó, nếu bạn muốn dự phòng cho Bootstrap vì bất kỳ lý do gì, tôi nghĩ rằng nó không quá đau đớn (nhiều thành phần Ngữ nghĩa dường như dựa trên Bootstrap).


5
Điều đáng chú ý là SemUI sử dụng tên lớp trình bày giống như Foundation và Bootstrap mặc dù có ngữ nghĩa trong tên của nó. Tôi đồng ý rằng các tên lớp ít trừu tượng hơn nhưng chúng mang tính trình bày theo cùng một cách. Nếu bạn quan tâm, Foundation 3/4 cho phép bạn sử dụng Sass Mixins để tạo html / css thực sự có ngữ nghĩa. Bạn có thể đặt một id dựa trên "nội dung" và sau đó áp dụng Foundation Sass Mixins cho id đó trong Sass / Scss của bạn.
JAMESSTONEco

4
Thiết kế thành phần của semanticUI rất bắt mắt. Nhưng semanticUI đứng sau bootstrap trong trường hợp tương thích với trình duyệt. Bootstrap tương thích với trình duyệt IE 7+, nhưng tương thích semanticUI chỉ IE 9+
McLosys Creative

12
@McLosysCreative Thành thật mà nói, đó có thể được coi là một nhược điểm của Bootstrap. Tôi đồng ý rằng tất cả các khuôn khổ HTML / CSS phải có khả năng tương thích với trình duyệt khá tốt, nhưng chỉ trong phạm vi lý do. Tại thời điểm này, IE7 đã tròn 8 tuổi, kém 4 phiên bản chính. Ngay cả Google cũng không chính thức hỗ trợ nó nữa. (họ chỉ chính thức hỗ trợ 3 phiên bản mới nhất của 5 trình duyệt hàng đầu) Với suy nghĩ đó, có vẻ như một nỗ lực lãng phí (và thêm mã) để hỗ trợ điều đó trở lại.
Nicholas Summers

-19

Giao diện người dùng ngữ nghĩa không thực sự giải quyết các chế độ xem di động hoặc đáp ứng như Bootstrap và Foundation làm. Nó giống như một tập hợp các phần tử giao diện người dùng đóng gói sẵn hoạt động khá tốt cùng với đánh dấu ngữ nghĩa vượt trội hơn so với Bootstrap / Foundation. Nhưng hạn chế lớn nhất hiện nay là nó không tập trung vào thiết bị di động. Vì vậy, nếu bạn muốn một trang web được tạo kiểu tốt, hãy sử dụng Semantic-UI.


1
Semantic-UI không đáp ứng?
Arslan Ali

2
Trong toàn bộ dự án, họ đã không sử dụng đơn vị px trong khi họ đang sử dụng em ở khắp mọi nơi !!!
bawa g

10
Giao diện người dùng ngữ nghĩa chắc chắn đáp ứng. Bạn nên cập nhật câu trả lời của mình nếu không nó không chính xác.
Jeriko

3
Câu trả lời này chắc chắn đã lỗi thời. Đáp ứng IS theo ngữ nghĩa.
Lashae

Semantic-UI được sinh ra để đáp ứng.
Xiao Hanyu
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.