Semantic UI

UI ความหมาย

Semantic เป็นเฟรมเวิร์ก UI ที่ออกแบบมาสำหรับธีม

คุณสมบัติที่สำคัญ

• องค์ประกอบ UI มากกว่า 50 รายการ
• ตัวแปร 3000 + CSS
• การสืบทอดตัวแปร 3 ระดับ (คล้ายกับ SublimeText)
• สร้างด้วยค่า EM สำหรับการออกแบบที่ตอบสนอง
• เป็นมิตรกับเฟล็กบ็อกซ์

Semantic ช่วยให้นักพัฒนาสามารถสร้างเว็บไซต์ที่สวยงามได้อย่างรวดเร็วด้วย HTML ที่กระชับ จาวาสคริปต์ที่ใช้งานง่าย และ การดีบักที่ง่ายขึ้น ช่วยให้การพัฒนาส่วนหน้าเป็นประสบการณ์ที่น่าพึงพอใจ Semantic ได้รับการออกแบบอย่างตอบสนองทำให้เว็บไซต์ของคุณสามารถปรับขนาดบนอุปกรณ์หลายเครื่องได้ Semantic พร้อมสำหรับการผลิตและเป็นพันธมิตรกับเฟรมเวิร์ก เช่น React , Angular , Meteor และ Ember ซึ่งหมายความว่าคุณสามารถรวมเข้ากับเฟรมเวิร์กใดๆ เหล่านี้เพื่อจัดระเบียบเลเยอร์ UI ของคุณควบคู่ไปกับลอจิกแอปพลิเคชันของคุณ

2.5.0 การวางจำหน่าย (6 ต.ค. 2022)

Semantic UI เข้ากันได้กับ Node 18 และ Gulp 4 แล้ว

การสนับสนุนผู้ใช้

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

ไปที่คู่มือการมีส่วนร่วมของเราเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่ควรโพสต์ในปัญหา GitHub

ติดตั้ง

แนะนำให้ติดตั้ง

npm install semantic-ui  # Use themes, import build/watch tasks into your own gulpfile.

Semantic UI มีตัวติดตั้งแบบโต้ตอบเพื่อช่วยในการตั้งค่าโปรเจ็กต์ของคุณ

• สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการตั้งค่า โปรดไปที่คู่มือเริ่มต้นใช้งานของเรา
• หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับธีม โปรดอ่านคู่มือธีมของเรา

เวอร์ชันเพิ่มเติม

สิ่งแวดล้อม	ติดตั้งสคริปต์	ซื้อซ้ำ
ซีเอสเอสเท่านั้น	npm install semantic-ui-css	ที่เก็บ CSS
น้อยกว่าเท่านั้น	npm install semantic-ui-less	ซื้อคืนน้อยลง
ปลั๊กอินน้อยลง	npm install less-plugin-semantic-ui	Repo ปลั๊กอินน้อยลง
เอ็มเบอร์JS	ember install:addon semantic-ui-ember	เอ็มเบอร์ รีโป
ดาวตก - น้อยกว่า	meteor add semantic:ui	ดาวตกรีโป
ดาวตก-CSS	meteor add semantic:ui-css	ที่เก็บ CSS
โบว์เวอร์	bower install semantic-ui

ตรวจสอบวิกิการบูรณาการของเราเพื่อดูตัวเลือกเพิ่มเติม

รองรับเบราว์เซอร์

• 2 เวอร์ชันล่าสุด FF, Chrome, Safari Mac
• ไออี 11+
• Android 4.4+, Chrome สำหรับ Android 44+
• iOS ซาฟารี 7+
• ไมโครซอฟต์เอดจ์ 12+

แม้ว่าส่วนประกอบบางอย่างจะทำงานใน IE9 แต่กริดและส่วนประกอบเฟล็กซ์บ็อกซ์อื่นๆ ไม่รองรับ IE9 และอาจแสดงไม่ถูกต้อง

ชุมชน

การขอความช่วยเหลือ

กรุณา อย่าโพสต์ คำถามการใช้งานไปยังปัญหา GitHub สำหรับคำถามประเภทนี้ ให้ใช้ห้องสนทนา Gitter หรือ StackOverflow ของเรา

การส่งข้อบกพร่องและการปรับปรุง

ปัญหา GitHub มีไว้สำหรับการแนะนำการปรับปรุงและการรายงานจุดบกพร่อง ก่อนที่จะส่งข้อบกพร่อง โปรดแน่ใจว่าคุณได้ดำเนินการดังต่อไปนี้:

• ดูคู่มือการมีส่วนร่วมของเราเพื่อดูข้อมูลเกี่ยวกับรอบการเผยแพร่ของเรา
• แยก JSFiddle สำเร็จรูปนี้เพื่อสร้างกรณีทดสอบสำหรับจุดบกพร่องของคุณ หากพบจุดบกพร่องในเอกสาร ก็ถือเป็นกรณีทดสอบได้ เพียงทำให้ชัดเจนว่าจะสร้างปัญหาขึ้นมาใหม่ได้อย่างไร เฉพาะจุดบกพร่องที่มีกรณีทดสอบเท่านั้นที่สามารถทดสอบได้

ดึงคำขอ

เมื่อเพิ่มคำขอดึง อย่าลืมรวมเข้ากับสาขาถัดไป หากคุณต้องการสาธิตการแก้ไขในรีลีส next คุณสามารถใช้ JSFiddle นี้

ระหว่างประเทศ

• ภาษาจีน มีไซต์มิเรอร์ภาษาจีนอยู่ที่ http://www.semantic-ui.cn
• ขวาไปซ้าย (RTL) เวอร์ชัน RTL สามารถสร้างได้โดยใช้เครื่องมือสร้างของเราโดยเลือก rtl จากสคริปต์การติดตั้ง
• การแปล เพื่อช่วยแปลโปรดดูคู่มือ Wiki สำหรับการแปล

ทรัพยากร

ทรัพยากร	คำอธิบาย
ข้อบกพร่องและการร้องขอคุณสมบัติ	การส่งข้อบกพร่องทั้งหมด จำเป็นต้อง มีลิงก์ไปยังกรณีทดสอบ และชุดขั้นตอนในการทำให้เกิดปัญหาอีกครั้ง คุณสามารถสร้างกรณีทดสอบได้โดยการฟอร์ก JSFiddle นี้ จากนั้นส่งรายงานข้อบกพร่องเกี่ยวกับปัญหา GitHub
แชทสด	เข้าร่วมห้อง Gitter.im ของเรา
การปรับปรุงจดหมายข่าว	ลงทะเบียนเพื่อรับการอัปเดตที่ semantic-ui.com
แหล่งข้อมูลเพิ่มเติม	ส่งคำถามใน StackOverflow หรือถาม Google Group ของเรา

สถานที่ช่วยเหลือ

โครงการ	วิธีการช่วยเหลือ	ขั้นตอนต่อไป
รองรับหลายภาษา	ช่วยเราแปล Semantic UI เป็นภาษาของคุณ	เข้าร่วมชุมชนการแปลของเรา
สสส	SASS ต้องการ PR เพื่อรองรับตัวแปรภายใน @import	เพิ่มคำขอดึงสำหรับ #739
เชิงมุม	ช่วยพัฒนาการเชื่อมโยงเชิงมุม	เข้าถึงปัญหา GitHub
คำแนะนำและบทช่วยสอน	ช่วยเขียนคำแนะนำและบทช่วยสอน	เข้าร่วมการสนทนา

เอื้อมมือออก

หากคุณต้องการเริ่มการสนทนาเกี่ยวกับ Semantic โปรดส่งอีเมลถึงฉันได้ที่ [email protected]