http://foundation.zurb.com/assets/img/h ... -image.svg
Foundation 5 ตัวนี้ดังไม่แพ้ Bootstrapเลยค่ะ เกิดหลัง Twitter Bootstrap แต่ฟีเจอร์ล้ำหน้า Bootstrap ไปมากแล้ว แต่ Foundation 5 support IE9 ขึ้นไปเท่านั้น แต่ Bootstrap ยังรองรับ IE8
Gridของ Foundation 5 เป็นแบบ Responsive Grid 12 Columns ที่เปลี่ยนแปลง Layout ได้ตามขนาดจอ 3 ขนาด (Small, Medium, Large) และยังมี Block Grid ให้ใช้ ซึ่งเป็นกริดแบบกำหนดขนาด Column ให้อัตโนมัติ
สำหรับ CSSของ Framework ตัวนี้ เขียนขึ้นมาด้วย SASS ซึ่งถือเป็นข้อดี เพราะ SASS สามารถทำอะไรได้หลายอย่างกว่า LESS CSS มาก โดยโค้ด CSS Framework ตัวนี้ก็ให้มาพร้อมเลย พวกเมนู, ปุ่ม, ฟอร์ม นอกจากนั้นยังให้ Progress Bar มาด้วยค่ะ
ในส่วนของ Javascriptของตัวนี้ นอกจากที่ส่วนใหญ่จะเหมือน Twitter Bootstrap ก็มีของเด็ด ๆ อย่าง Interchange สำหรับแสดง Content ที่แตกต่างกันตามขนาดหน้าจอ ซึ่งตัวอย่างง่าย ๆ คือแสดงรูปเล็กสำหรับคนเข้าผ่านมือถือ และเปลี่ยนเป็นรูปใหญ่สำหรับคนเข้าผ่าน PC ได้โดยอัตโนมัติ หรือ Gallery Lightbox สำเร็จรูปมาให้เลย
มารู้จัก Foundation 5 กันเถอะ !!
Moderator: mindphp, ผู้ดูแลกระดาน
- M030
- PHP Super Hero Member
- โพสต์: 532
- ลงทะเบียนเมื่อ: 07/09/2015 10:06 am
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 73