โฮมเพจ » Toolkit » Kernel.css - เฟรมเวิร์กส่วนหน้าแบบเบาความหมายและไม่เป็นอันตราย

    Kernel.css - เฟรมเวิร์กส่วนหน้าแบบเบาความหมายและไม่เป็นอันตราย

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

    เฟรมเวิร์กยอดนิยมเช่น Bootstrap ทำงานได้ดี แต่ยังสามารถ รู้สึกป่องเกินไป. โชคดีที่มีทางเลือกและหนึ่งในรายการโปรดใหม่ล่าสุดของฉันคือ Kernel.css.

    เคอร์เนลเรียกตัวเองว่า กรอบที่ไม่ล่วงล้ำ, ความหมายมันจะ ทำงานเหมือนชั้นบาง ๆ ด้านบนของหน้า ไม่รู้สึกยุ่งยากหรือยากที่จะปรับแต่งและชั้นเรียนมี สอดคล้องกับข้อกำหนด HTML5 ที่ทันสมัยอย่างสมบูรณ์.

    งานของนักพัฒนาส่วนหน้าควร ปฏิบัติตามความหมายที่เหมาะสม สำหรับการเข้าถึงและการรองรับเบราว์เซอร์ระดับสูงสุด การใช้เฟรมเวิร์กเช่นเคอร์เนลช่วยประหยัดเวลาและความยุ่งยากในการแก้ไขปัญหาทั่วไป.

    นี่คือบางส่วนที่ขายดีที่สุดของเคอร์เนล:

    • ระบบกริดของมัน ทำงานบน flexbox.
    • ตอบสนองอย่างเต็มที่ และ เหมาะกับมือถือ.
    • การเปลี่ยนแบบกำหนดเอง ผ่าน CSS & JavaScript
    • องค์ประกอบที่มีสไตล์ไว้ล่วงหน้า สำหรับการ์ดตารางและส่วนหัว.
    • โทนสีที่เรียบง่าย สร้างแบบจำลองหลังจากการออกแบบวัสดุ.

    คุณสามารถดูตัวอย่าง องค์ประกอบเคอร์เนลทั้งหมด ในหน้าสาธิตหลักซึ่งรวมถึง ซอร์สโค้ดตัวอย่าง, เกินไป.

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

    มันยังมาพร้อมกับ คลาสการแจ้งเตือนเริ่มต้นที่ปุ่มสำหรับการดำเนินการบางอย่าง, เช่น .BTN หลัก สำหรับสีฟ้า “สะอาด” ปุ่มหรือ .BTN เตือน ด้วยไหวพริบสีเหลืองสว่าง.

    ส่วนที่ดีที่สุดของเคอร์เนลคือคุณสามารถทำได้ กำหนดกรอบงานนี้ได้อย่างง่ายดาย เพื่อให้เหมาะกับความต้องการของคุณ ต้องการที่จะเพิ่ม Font Awesome ให้กับปุ่มของคุณ? ไม่มีปัญหา. แล้วการเพิ่ม Google Webfonts ในส่วนหัวของคุณล่ะ เพียงแค่ เขียนทับสไตล์ในแผ่นงาน CSS ของคุณ และคุณก็พร้อมที่จะไป.

    ถ้าคุณต้องการ จุดเริ่มต้นที่มีน้ำหนักเบา เพื่อจัดโครงสร้างเลย์เอาต์ที่ยอดเยี่ยมจากนั้น Kernel.css เป็นเฟรมเวิร์กสำหรับงาน.