Anlamsal-kullanıcı arayüzü ve Bootstrap [kapalı]


107

Kullanılacak en iyisi ve mümkünse, lütfen bu ikisinin farklarını ve avantajlarını sağlayın.

Semantic-ui vs Bootstrap Kullanıcı arayüzümü oluşturmaya çalışıyorum ve ne kullanacağım konusunda gerçekten kafam karıştı.

Lütfen bana en iyisini ve mümkünse örneklerle önerin.

Yanıtlar:


62

Şu anda Bootstrap ve Semantic-UI arasındaki farkları göremediğimizi düşünüyorum , Semantic-ui yeni, bu yüzden zamanın karar vermesine izin vermeliyiz :)

Benim fikrim: Anlamsal-UI tasarımı Bootstrap'ten daha iyi ve daha temiz, kullanımı kolay, sıkı kodlama, kullanışlı bileşenler, hafif. Semantic-UI'de Çerçevelerin geleceğini görüyorum, bu yüzden katkıda bulunacağım ve en iyisini umuyorum, ancak bunu büyük geri bildirimlere ve desteğe dayanan büyük projeler için kullanmayacağım!


2
Fikrinizi gerçekten çok beğendim, özellikle de "büyük geri bildirimlere ve desteğe bağlı büyük projeler için kullanmayacağım" üzerine. Çünkü tam gemiden atlayacaktım.
windmaomao

2
2 yıl önce, Semantic UI Bootstrap'ten daha hafif görünüyordu. Ama şimdi bir bakalım ...
Han

3
Pekala katılamıyorum, semantik-ui'yi ilk kez kullanacağım ve büyük bir projede olacağım, gördüğüm kadarıyla, bunun oldukça iyi işleyeceğinden eminim.
Pedro

31

Sakıncası yoksa, konuya Foundation by Zurb'u ekliyorum (şu anda Bootstrap'in tek gerçek geçerli alternatifi).

SemUI projesini / çerçevesini kontrol ettim ve oldukça harika. Sayfalarınızı katı bir semantik şekilde oluşturma fikri açıkça iyi, üstelik tasarım bence çarpıcı ve setten kullanılacak ve seçilecek birçok bileşen ve ayar var.

Fark ettiğim bir diğer şey de paket, çok iyi organize edilmiş, isterseniz her bileşenin kendi stil sayfası ve komut dosyası dosyası var, bu nedenle paket çok ağır olduğu için bile yalnızca ihtiyacınız olanı yükleyebilirsiniz. her şey tek bir sayfada.

Ön sürüm için, bir sonraki web uygulamamı böyle bir çerçeveyle oluşturmayı düşündüğümü kabul ediyorum, ancak bazı şaşkınlıklar yaşıyorum:

  • Bootstrap veya Foundation gibi mobil öncelikli mi? görebildiğim kadarıyla, öyle görünmüyor;
  • Bootstrap'in iki geçerli ve tanınmış katılımcısı var ve Vakıf Zurb'u geride bıraktı, peki SemanticUI? bu bir ön sürüm, diğer sürümleri görecek miyiz?

Bu tür karışıklıklar nedeniyle şu anda bir iş / ticari proje için kullanmaktan kaçınmayı düşünüyorum, belki çok yakın bir gelecekte, ancak kendi kişisel web uygulamanız için (benimki gibi) kullanmayı planlıyorsanız, ben bunun oldukça iyi bir seçim olduğunu düşünüyorum.

Öyleyse, herhangi bir nedenle Bootstrap'e geri dönmek isterseniz, bunun o kadar da acı verici olmadığını düşünüyorum (Anlamsal bileşenlerin çoğu Bootstrap'a dayanıyor gibi görünüyor).


5
SemUI'nin adında anlamsal olmasına rağmen, Foundation ve Bootstrap gibi sunum sınıf adlarını kullandığını belirtmek gerekir. Sınıf isimlerinin daha az soyut olduğuna katılıyorum ama aynı şekilde sunum amaçlıdır. İlgileniyorsanız Foundation 3/4, gerçek anlamsal html / css oluşturmak için Sass Mixins'i kullanmanıza izin verir. "İçeriğe" dayalı bir kimlik belirleyebilir ve ardından Foundation Sass Karışımlarını Sass / Scss'nizdeki bu kimliğe uygulayabilirsiniz.
JAMESSTONEco

4
SemanticUI'nin bileşen tasarımı dikkat çekicidir. Ancak semanticUI, tarayıcı uyumluluğu durumunda önyüklemenin arkasındadır. Bootstrap IE 7+ ile uyumludur, ancak semantikUI uyumlu yalnızca IE 9+
McLosys Creative

12
@McLosysCreative Dürüst olmak gerekirse, bu Bootstrap için bir dezavantaj olarak görülebilir. Tüm HTML / CSS çerçevelerinin makul miktarda tarayıcı uyumluluğuna sahip olması gerektiğini kabul ediyorum, ancak bu yalnızca neden dahilinde. Bu noktada, IE7 8 yaşında ve 4 ana versiyonun gerisinde. Google bile artık resmi olarak desteklemiyor. (yalnızca en iyi 5 tarayıcının en son 3 sürümünü resmi olarak desteklerler) Bunu akılda tutarak, bu kadar geriye dönük desteklemek boşa harcanan bir çaba (ve ekstra kod) gibi görünüyor.
Nicholas Summers

-19

Anlamsal kullanıcı arayüzü, Bootstrap ve Foundation gibi mobil veya duyarlı görünümlere gerçekten hitap etmez. Daha çok, Bootstrap / Foundation'dan daha üstün olan anlamsal işaretlemeyle birlikte oldukça iyi çalışan önceden paketlenmiş UI öğeleri koleksiyonuna benziyor. Ancak şu anda en büyük dezavantajı, mobil merkezli olmaması. Bu nedenle, iyi tasarlanmış bir site istiyorsanız, Anlamsal Kullanıcı Arayüzü kullanın.


1
Anlamsal-UI duyarlı değil mi?
Arslan Ali

2
Tüm projede her yerde em kullanırken px birimini kullanmamışlar !!!
bawa g

10
Anlamsal kullanıcı arayüzü kesinlikle duyarlıdır. Cevabınızı güncellemelisiniz, aksi takdirde yanlıştır.
Jeriko

3
Bu cevap kesinlikle modası geçmiş. Anlamsal IS duyarlı.
Lashae

Anlamsal-UI duyarlılık için doğmuştur.
Xiao Hanyu
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.