Topcoat - ผู้พัฒนา CSS Framework ที่เร็วและรวดเร็วจะรัก

เมื่อเลือกเฟรมเวิร์กส่วนหน้าคุณจะต้องดูความสวยงามก่อน และอย่าเข้าใจฉันผิดความสวยงามมีความสำคัญ!

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

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

สิ่งที่ยอดเยี่ยมเกี่ยวกับ Topcoat ก็คือมันไม่ได้รู้สึกเบาหรือเรียบง่ายเกินไป.

คุณยังมี เข้าถึงคลังส่วนประกอบขนาดใหญ่ตั้งแต่ปุ่มไปจนถึงแท็บ, ช่องทำเครื่องหมายเขตข้อมูลฟอร์มและสวิตช์เปิด / ปิด (ในองค์ประกอบอื่น ๆ อีกมากมาย).

ไลบรารีมาพร้อมกับไฟล์ CSS และ JS ที่คุณเพิ่งใส่ไว้ในหน้าเว็บเพื่อให้ทำงานได้ ไม่มีอะไรซับซ้อนเกินไปและแน่นอนว่าไม่ซับซ้อนเกินกว่า Bootstrap ของ Twitter.

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

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

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

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

หากต้องการเรียนรู้เพิ่มเติมเยี่ยมชมเว็บไซต์ Topcoat และตรวจสอบให้แน่ใจว่าตรวจสอบ repo GitHub หลักสำหรับคำแนะนำการตั้งค่า + ลิงค์ดาวน์โหลดไปยังไฟล์ต้นฉบับ.

นอกจากนี้คุณยังสามารถแบ่งปันความคิดของคุณกับทีมในบัญชี Twitter ของพวกเขา @topcoat.