หน้า GitHub นี้แสดงรายการทางเลือกที่ไม่ใช่ JS สำหรับคุณสมบัติ UI ทั่วไป

คุณต้องการกี่ครั้ง สร้างสไลด์โชว์ CSS-only อย่างรวดเร็วหรือหน้าต่าง modal? เหล่านี้คือบางส่วนของ องค์ประกอบ UI ที่พบบ่อยที่สุด บนเว็บและทุกวันนี้คุณสามารถสร้างมันได้โดยไม่ต้องใช้ JavaScript.

แน่นอนว่าเป็นไปได้ที่ Google จะมองหาวิธีแก้ปัญหา แต่ทำไมไม่ เลือกจากรายการที่ดูแล ทรัพยากรที่ยอดเยี่ยม?

นั่นคือสิ่งที่หน้า GitHub นี้เข้ามาเล่น มันมีชื่อว่า "คุณไม่ต้องการ JavaScript", และนำเสนอรายการโซลูชั่นที่ใช้การได้ขนาดใหญ่สำหรับ องค์ประกอบส่วนต่อประสานทั่วไป.

สิ่งหนึ่งที่ควรทราบคือรหัสเหล่านี้ ไม่สิ้นสุดโซลูชัน be-all ทั้งหมด.

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

อย่างไรก็ตามหากคุณกำลังจะตาย โซลูชั่น CSS บริสุทธิ์ คุณมี GitHub นี้.

รายการคุณสมบัติมากกว่า 20 องค์ประกอบ UI ที่แตกต่างกัน ด้วยโซลูชั่นที่โดดเด่นมากมายเช่น:

• เมนูแฮมเบอร์เกอร์
• คำแนะนำเครื่องมือ
• แท็บ
• แกลเลอรี่ภาพ
• เมนูแบบเลื่อนลง
• และอีกมากมาย.

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

หมายเหตุ repo GitHub นี้โดยเฉพาะ ไม่มีรหัสจริง ในนั้น. ค่อนข้างเป็นเพียง รายการของการสาธิต CodePen เนื้อเรื่อง โซลูชันที่ไม่ใช่ JS สำหรับปัญหาอินเตอร์เฟสทั่วไป.

นี่เป็นแหล่งข้อมูลที่สมบูรณ์แบบในการคั่นหน้าสำหรับการอ้างอิงในอนาคตและติดตามหากจำเป็น.

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

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

ตรวจสอบให้แน่ใจว่า คุณตรวจสอบแท็บคุณสมบัติ CSS ก่อนที่จะคัดลอกอะไรเพราะบางอย่าง มีห้องสมุดพิเศษ.

โดยรวมแล้วนี่เป็น repo GitHub ที่ยอดเยี่ยมและใช้ง่ายกว่าการกำจัด Google สำหรับโซลูชันที่สมบูรณ์แบบนั้น.

ตรวจสอบ เต็มหน้า GitHub ที่นี่, และถ้าคุณต้องการ ดูการเปลี่ยนแปลงที่อาจเกิดขึ้นทั้งหมด คุณสามารถเห็นเหล่านั้นใน แท็บดึงคำขอ.