CSS Starter Kit สำหรับนักพัฒนา - Shoelace.css

นักพัฒนาส่วนหน้าต้องการทรัพยากรที่ดีที่สุดเท่าที่จะทำได้ โดยปกติหมายถึง ทำงานบนกรอบ เช่น Bootstrap เพราะมันเต็มไปด้วยทุกสิ่งโดยทั่วไป.

อย่างไรก็ตามมีทางเลือกมากมายและ Shoelace.css เป็นตัวอย่างหนึ่งที่คุณควรคุ้นเคย.

นี้ ชุด CSS ฟรี ไม่ใช่กรอบที่สมบูรณ์จริงๆ แทนที่จะเป็นเช่นนั้น ชุดเริ่มต้นสำหรับนักพัฒนา ผู้ที่ไม่ต้องการสร้างสไตล์ CSS ที่กำหนดเองนับตั้งแต่เริ่มต้น.

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

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

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

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

แต่ละองค์ประกอบ ไม่มีความรู้สึก Bootstrap-y ในการออกแบบ, ดังนั้น Shoelace จะทำงานกับเลย์เอาต์ได้ค่อนข้างมาก.

อย่างไรก็ตามมันยัง มีช่วงการเรียนรู้ที่ชันกว่า Bootstrap, เนื่องจากมันไม่ได้รับความนิยมและไม่มีการสนับสนุนมากนัก จากการเขียนนี้ Shoelace ยังคงอยู่ใน v1.0 เบต้าดังนั้นจึงมีเวลาอีกมากในการติดตามเฟรมเวิร์กส่วนหน้าที่ใหญ่กว่า.

การดูเอกสารอย่างรวดเร็วควรพิสูจน์ว่านี่คือ พร้อมสำหรับไซต์การผลิต. มันขึ้นอยู่กับคุณแล้วว่า Shoelace น่าจะคุ้มค่ากับการเรียนรู้และนำไปปฏิบัติ.

ลองดูที่ GitHub repo เพื่อคว้าสำเนา และ เอกสารออนไลน์สำหรับข้อมูลการตั้งค่าเพิ่มเติม. หากคุณมีคำถามหรือข้อเสนอแนะสำหรับ Shoelace คุณสามารถวางสายไปยังผู้สร้างบน Twitter @claviska.