สร้างเว็บไซต์ที่ตอบสนองได้เร็วขึ้นด้วย Semantic UI

เฟรมเวิร์กส่วนหน้าเช่น Bootstrap ยังคงโกรธอยู่ทั้งหมด มีตัวเลือกที่ยอดเยี่ยมให้เลือกนับสิบ แต่มีตัวเลือกที่ดึงดูดความสนใจของฉันเมื่อเร็ว ๆ นี้ UI ความหมาย.

ได้รับห้องสมุดนี้มาระยะหนึ่งแล้วเมื่อไม่นานมานี้ อย่างไรก็ตามรุ่นใหม่ล่าสุดของรุ่น 2.2 มาพร้อมกับคุณสมบัติเพิ่มเติมมากมาย และพิสูจน์ว่าความหมายของ Semantic นั้นจะอยู่ในระยะทางที่ไกล.

มีมากมายหลายสิบ ตัวแปร CSS, คลาสที่ตอบสนองง่าย, และ รูปแบบที่ง่ายต่อการติดตั้ง, คุณจะไม่มีปัญหาในการทำงานกับ Semantic UI ด้วยตัวคุณเอง.

ชื่อคลาสแบบง่ายและโครงสร้างกริด ให้ความหมายกับเฟรมเวิร์กนี้จริงๆ “ความหมาย”. คลาสมีความอ่อนไหวมากและสิ่งนี้ทำให้ HTML ของคุณง่ายต่อการอ่านในระยะไกล.

มันยังมาพร้อมกับ jQuery สนับสนุนองค์ประกอบของหน้าแบบไดนามิก เช่น carousels และ dropdown select menu.

ทุกองค์ประกอบ HTML ภายใต้ดวงอาทิตย์คือ ปรับแต่งและทำงานได้อย่างสมบูรณ์ ด้วย Semantic UI ซึ่งรวมถึงองค์ประกอบ HTML5 พร้อมฟังก์ชั่นพิเศษเช่นการให้คะแนนและแท็บที่กำหนดเอง.

แต่บางทีส่วนที่ดีที่สุดของความหมายคือ ชุดรูปแบบ. ไม่เพียง แต่คุณจะได้รับสไตล์และองค์ประกอบแบบไดนามิกที่ได้รับการออกแบบไว้ล่วงหน้า แต่คุณยังสามารถทำได้ restyle เหล่านี้ด้วยตัวคุณเอง สร้างบนโค้ดของ Semantic.

ผลรวมของห้องสมุดทั้งหมด ชุดรูปแบบ 3,000+ ตัวแปร คุณสามารถเปลี่ยนแปลงใน Sass หรือขยายสไตล์ชีทของคุณเอง นอกจากนี้ Semantic UI ยังมาพร้อมกับแพ็คเกจ ธีมเริ่มต้นเก้าธีม:

1. ความหมายเริ่มต้น
2. อ้วน
3. ยก
4. คลาสสิก
5. วัสดุของ Google
6. อเมซอน
7. เงินทุน
8. GitHub
9. พูดเบาและรวดเร็ว

นี่เป็นเพียงส่วนเล็ก ๆ ของภูเขาน้ำแข็งและมันก็ทำหน้าที่เหมือน จุดเริ่มต้นในการออกแบบธีมของคุณเอง.

หากคุณกำลังสร้างหน้า Landing Page ใหม่หรือเว็บไซต์ที่กำหนดเองตั้งแต่เริ่มต้นให้พิจารณาใช้งาน Semantic UI อย่างจริงจัง มันฟรีและโอเพ่นซอร์สด้วย เอกสารที่ดีออนไลน์.

คุณสามารถเรียกดูผ่าน รูปแบบเค้าโครง, พร้อมด้วย คำแนะนำสำหรับองค์ประกอบหลักทั้งหมดและกำหนดเอง.

และคุณสามารถดาวน์โหลด คัดลอกรหัสต้นฉบับ โดยตรงจาก GitHub ซึ่งรวมถึง คำแนะนำสำหรับผู้เริ่มต้น.