Semantic-ui กับ Bootstrap [ปิด]


107

ข้อใดเป็นวิธีที่ดีที่สุดในการใช้และถ้าเป็นไปได้โปรดระบุความแตกต่างและข้อดีของสองข้อนี้

Semantic-ui vs Bootstrap ฉันพยายามสร้าง UI ของฉันและสับสนจริงๆว่าจะใช้อะไรดี

โปรดแนะนำสิ่งที่ดีที่สุดและถ้าเป็นไปได้พร้อมตัวอย่าง

คำตอบ:


62

ฉันคิดว่าเราไม่เห็นความแตกต่างระหว่างBootstrapและSemantic-UIในตอนนี้ Semantic-ui เป็นของใหม่ดังนั้นเราต้องปล่อยให้เวลาตัดสินใจ :)

ความคิดเห็นของฉัน:การออกแบบ Semantic-UI นั้นดีกว่า Bootstrap และสะอาดกว่าใช้งานง่ายการเข้ารหัสที่เข้มงวดส่วนประกอบที่มีประโยชน์น้ำหนักเบา ฉันมองเห็นอนาคตของ Frameworks ใน Semantic-UI ดังนั้นฉันจะมีส่วนร่วมและหวังว่าจะดีที่สุดสำหรับมัน แต่ฉันจะไม่ใช้มันสำหรับโปรเจ็กต์ขนาดใหญ่ที่ขึ้นอยู่กับการตอบรับและการสนับสนุนมากมาย!


2
ฉันชอบความคิดเห็นของคุณมากโดยเฉพาะเรื่อง "จะไม่ใช้กับโครงการขนาดใหญ่ที่ขึ้นอยู่กับการตอบรับและการสนับสนุนจำนวนมาก" เพราะฉันกำลังจะกระโดดเรือ
windmaomao

2
2 ปีที่แล้ว Semantic UI ดูเหมือนจะมีน้ำหนักเบากว่า Bootstrap แต่ตอนนี้ให้ดู ...
ฮัน

3
ฉันไม่เห็นด้วยฉันจะใช้ semantic-ui เป็นครั้งแรกและจะอยู่ในโครงการใหญ่สำหรับสิ่งที่ฉันเห็นฉันค่อนข้างแน่ใจว่าจะจัดการได้ดี
Pedro

31

หากคุณไม่ทราบฉันเพิ่ม Foundation by Zurb ในหัวข้อ (ทางเลือกเดียวที่ใช้ได้จริงสำหรับ Bootstrap ในขณะนี้)

ฉันเพิ่งตรวจสอบโครงการ / กรอบงาน SemUI และมันยอดเยี่ยมมาก ความคิดในการสร้างเพจของคุณด้วยความหมายที่เข้มงวดนั้นเป็นสิ่งที่ดีอย่างเห็นได้ชัดยิ่งไปกว่านั้นการออกแบบนั้นสวยงามมากในความคิดของฉันและมีส่วนประกอบและการตั้งค่ามากมายให้ใช้และให้เลือกจากชุด

อีกสิ่งหนึ่งที่ฉันสังเกตเห็นคือแพคเกจมีการจัดระเบียบอย่างดีทุกองค์ประกอบหากคุณต้องการมีสไตล์ชีทและไฟล์สคริปต์ของตัวเองดังนั้นคุณจะสามารถโหลดเฉพาะสิ่งที่คุณต้องการแม้ว่าแพ็คเกจจะค่อนข้างหนักหากคุณรวมไว้ด้วย ทุกอย่างในหน้าเดียว

สำหรับรุ่นก่อนวางจำหน่ายฉันยอมรับว่าฉันกำลังพิจารณาที่จะสร้างเว็บแอปถัดไปด้วยเฟรมเวิร์กดังกล่าว แต่ฉันรู้สึกงงงวย:

  • มือถือเป็นอันดับแรกเช่น Bootstrap หรือ Foundation หรือไม่? จากสิ่งที่ฉันสามารถมองเห็นมันไม่ได้ดูอย่างนั้น
  • Bootstrap มีผู้ร่วมให้ข้อมูลที่ถูกต้องและเป็นที่รู้จักสองคนและ Foundation มี Zurb อยู่เบื้องหลังแล้ว SemanticUI ล่ะ? นี่เป็นรุ่นก่อนวางจำหน่ายเราจะได้เห็นรุ่นอื่น ๆ หรือไม่

เนื่องจากความงงงวยดังกล่าวฉันคิดว่าจะหลีกเลี่ยงที่จะใช้สำหรับธุรกิจ / โครงการเชิงพาณิชย์ในขณะนี้อาจในอนาคตอันใกล้นี้ แต่ถ้าคุณวางแผนที่จะใช้มันสำหรับเว็บแอปส่วนตัวของคุณเอง (เช่นของฉัน) ฉัน คิดว่าเป็นทางเลือกที่ดีทีเดียว

ถ้าคุณต้องการกลับไปใช้ Bootstrap ไม่ว่าด้วยเหตุผลใดก็ตามฉันคิดว่ามันไม่ได้เจ็บปวดขนาดนั้น (ส่วนประกอบความหมายหลายอย่างดูเหมือนอิงจาก Bootstrap)


5
เป็นที่น่าสังเกตว่า SemUI ใช้ชื่อคลาสในการนำเสนอเช่นเดียวกับ Foundation และ Bootstrap แม้ว่าจะมีความหมายในชื่อก็ตาม ฉันยอมรับว่าชื่อชั้นเรียนมีความเป็นนามธรรมน้อยกว่า แต่มีการนำเสนอในลักษณะเดียวกัน หากคุณสนใจ Foundation 3/4 ให้คุณใช้ Sass Mixins เพื่อสร้าง html / css ที่มีความหมายอย่างแท้จริง คุณสามารถตั้งค่ารหัสตาม "เนื้อหา" จากนั้นใช้ Foundation Sass Mixins กับ ID นั้นใน Sass / Scss ของคุณ
JAMESSTONEco

4
การออกแบบส่วนประกอบของ semanticUI นั้นดึงดูดสายตา แต่ semanticUI อยู่เบื้องหลัง bootstrap ในกรณีที่เข้ากันได้กับเบราว์เซอร์ Bootstrap เข้ากันได้กับ IE 7+ แต่ semanticUI เข้ากันได้กับ IE 9+ เท่านั้น
McLosys Creative

12
@McLosysCreative พูดตามตรงว่าอาจมองเห็นได้มากขึ้นว่าเป็นข้อเสียเปรียบสำหรับ Bootstrap ฉันยอมรับว่าเฟรมเวิร์ก HTML / CSS ทั้งหมดควรมีความเข้ากันได้ของเบราว์เซอร์ในระดับที่เหมาะสม แต่ต้องอยู่ในเหตุผลเท่านั้น ณ จุดนี้ IE7 มีอายุ 8 ปีและเป็น 4 เวอร์ชันหลักที่อยู่เบื้องหลัง แม้แต่ Google ก็ไม่สนับสนุนอย่างเป็นทางการอีกต่อไป (พวกเขาสนับสนุนอย่างเป็นทางการ 3 เวอร์ชันล่าสุดของเบราว์เซอร์ 5 อันดับแรก) ด้วยเหตุนี้จึงดูเหมือนว่าเป็นการสูญเปล่า (และรหัสพิเศษ) เพื่อสนับสนุนในระยะหลัง
Nicholas Summers

-19

Semantic UI ไม่ได้กล่าวถึงมุมมองของอุปกรณ์เคลื่อนที่หรือการตอบสนองอย่างที่ Bootstrap และ Foundation ทำ มันเหมือนกับชุดขององค์ประกอบ UI แบบบรรจุหีบห่อที่ทำงานร่วมกันได้ดีกับมาร์กอัปความหมายที่เหนือกว่า Bootstrap / Foundation แต่ข้อเสียเปรียบที่ใหญ่ที่สุดในตอนนี้คือการไม่ใช้อุปกรณ์เคลื่อนที่เป็นศูนย์กลาง ดังนั้นหากคุณต้องการไซต์ที่มีสไตล์ดีให้ใช้ Semantic-UI


1
Semantic-UI ไม่ตอบสนอง?
Arslan Ali

2
ในโปรเจ็กต์ทั้งหมดพวกเขาไม่ได้ใช้หน่วย px ในขณะที่ใช้ em ทุกที่ !!!
bawa g

10
Semantic UI ตอบสนองได้อย่างแน่นอน คุณควรอัปเดตคำตอบของคุณมิฉะนั้นจะไม่ถูกต้อง
Jeriko

3
คำตอบนี้ล้าสมัยแน่นอน ความหมายคือตอบสนอง
Lashae

Semantic-UI เกิดมาเพื่อตอบสนอง
Xiao Hanyu
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.