Semantic-ui vs Bootstrap [ditutup]

107

Mana yang terbaik untuk digunakan dan jika memungkinkan, berikan perbedaan dan keuntungan dari keduanya.

Semantic-ui vs Bootstrap Saya mencoba membangun UI saya dan benar-benar bingung apa yang harus digunakan.

Tolong sarankan saya yang terbaik dan jika mungkin dengan contoh.

Pertanyaan Java
sumber

Jawaban:

62

Saya pikir kita tidak bisa melihat perbedaan antara Bootstrap dan Semantic-UI saat ini, Semantic-ui masih baru, jadi kita harus membiarkan waktu yang memutuskan :)

Pendapat saya: Desain Semantic-UI lebih baik dari Bootstrap dan lebih bersih, mudah digunakan, pengkodean ketat, komponen berguna, ringan. Saya melihat masa depan Frameworks di Semantic-UI, jadi saya akan berkontribusi dan berharap yang terbaik untuk itu, tetapi saya tidak akan menggunakannya untuk proyek-proyek besar yang bergantung pada umpan balik dan dukungan besar!

elkebirmed
sumber
2
Saya sangat suka pendapat Anda, terutama pada "tidak akan menggunakannya untuk proyek-proyek besar yang bergantung pada masukan dan dukungan yang besar". Karena saya baru saja akan melompat kapal.
windmaomao
2
2 tahun yang lalu, Semantic UI sepertinya lebih ringan dari Bootstrap. Tapi sekarang, mari kita lihat ...
Han
3
Yah saya tidak setuju, saya akan menggunakan semantic-ui untuk pertama kalinya, dan akan berada dalam proyek besar, untuk apa yang saya lihat, saya cukup yakin itu akan menangani dengan cukup baik.
Pedro
31

Jika Anda tidak keberatan, saya menambahkan Foundation by Zurb di topik (satu-satunya alternatif yang valid untuk Bootstrap saat ini).

Saya baru saja memeriksa proyek / kerangka SemUI dan itu cukup luar biasa. Ide membangun halaman Anda dengan cara semantik yang ketat jelas bagus, apalagi desainnya menakjubkan menurut saya dan ada banyak komponen dan pengaturan untuk digunakan dan dipilih dari set.

Hal lain yang saya perhatikan adalah paketnya, terorganisir dengan sangat baik, setiap komponen jika Anda ingin memiliki stylesheet dan file skrip sendiri, oleh karena itu Anda hanya dapat memuat yang Anda butuhkan, bahkan karena paketnya cukup berat jika Anda memasukkannya semuanya dalam satu halaman.

Untuk pra-rilis, saya akui bahwa saya sedang mempertimbangkan untuk membangun aplikasi web saya berikutnya dengan kerangka kerja seperti itu, tetapi saya mendapat beberapa kebingungan:

  • apakah itu mobile-first seperti Bootstrap atau Foundation? dari apa yang bisa saya lihat, tidak terlihat begitu;
  • Bootstrap memiliki dua kontributor yang valid dan terkenal dan Foundation mendukung Zurb, bagaimana dengan SemanticUI? ini adalah pra-rilis, apakah kita akan melihat rilis lainnya?

karena kebingungan seperti itu saya pikir untuk menghindari menggunakannya untuk bisnis / proyek komersial saat ini, mungkin dalam waktu dekat, tetapi jika Anda berencana menggunakannya untuk aplikasi web pribadi Anda sendiri (seperti milik saya), saya pikir itu pilihan yang cukup bagus.

Kemudian jika Anda ingin kembali ke Bootstrap karena alasan apa pun, saya pikir itu tidak terlalu menyakitkan (banyak komponen Semantic tampaknya didasarkan pada Bootstrap).

Alexian
sumber
5
Perlu dicatat bahwa SemUI menggunakan nama kelas presentasi seperti Foundation dan Bootstrap meskipun memiliki nama semantik. Saya setuju bahwa nama kelas kurang abstrak tetapi penyajiannya dengan cara yang sama. Jika Anda tertarik, Foundation 3/4 memungkinkan Anda menggunakan Sass Mixins untuk membuat html / css semantik yang sesungguhnya. Anda dapat mengatur sebuah id berdasarkan "konten" dan kemudian menerapkan Foundation Sass Mixins ke id tersebut di Sass / Scss Anda.
JAMESSTONEco
4
Desain komponen semanticUI sangat menarik. Tetapi semanticUI berada di belakang bootstrap dalam hal kompatibilitas browser. Bootstrap kompatibel dengan IE 7+, tetapi semanticUI hanya kompatibel dengan IE 9+
McLosys Creative
12
@McLosysCreative Sejujurnya, itu bisa dilihat lebih sebagai kelemahan untuk Bootstrap. Saya setuju bahwa semua kerangka kerja HTML / CSS harus memiliki kompatibilitas browser yang cukup, tetapi hanya dalam alasannya. Saat ini, IE7 telah berusia 8 tahun, dan 4 versi utama di belakangnya. Bahkan Google secara resmi tidak lagi mendukungnya. (mereka hanya secara resmi mendukung 3 versi terbaru dari 5 browser teratas) Dengan mengingat hal itu, tampaknya upaya yang sia-sia (dan kode tambahan) untuk mendukung sejauh itu.
Nicholas Summers
-19

Semantic UI tidak benar-benar menangani tampilan seluler atau responsif seperti yang dilakukan Bootstrap dan Foundation. Ini lebih seperti kumpulan elemen UI yang sudah dikemas yang bekerja dengan cukup baik bersama dengan markup semantik yang lebih unggul dari Bootstrap / Foundation. Tetapi kelemahan terbesar saat ini adalah tidak berpusat pada seluler. Jadi jika Anda menginginkan situs yang ditata dengan baik, gunakan Semantic-UI.

karenkun
sumber
1
Semantic-UI tidak responsif?
Arslan Ali
2
Di seluruh proyek mereka belum menggunakan unit px saat mereka menggunakannya di mana-mana !!!
bawa g
10
UI semantik pasti responsif. Anda harus memperbarui jawaban Anda jika tidak, itu salah.
Jeriko
3
Jawaban ini pasti sudah ketinggalan zaman. Semantic IS responsif.
Lashae
Semantic-UI lahir untuk responsif.
Xiao Hanyu