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 กันเถอะ !!
Moderators: mindphp, ผู้ดูแลกระดาน
- M030
- PHP Super Hero Member
- Posts: 532
- Joined: 07/09/2015 10:06 am
-
- Similar Topics
- Replies
- Views
- Last post
-
-
มารู้จัก งบกำไรขาดทุน กันเถอะ...
by M029 » 03/10/2015 2:41 pm » in ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี - 0 Replies
- 549 Views
-
Last post by M029
03/10/2015 2:41 pm
-
-
-
มารู้จัก SSL certificate กัน
by aninthana » 26/08/2019 7:31 pm » in Web Hosting Review - Free Host Share Host VPS - 0 Replies
- 863 Views
-
Last post by aninthana
26/08/2019 7:31 pm
-
-
- 0 Replies
- 342 Views
-
Last post by jirawoot
02/07/2019 5:16 pm
-
- 0 Replies
- 930 Views
-
Last post by offing
22/09/2014 5:03 pm
-
-
มารู้จัก ฟังก์ชัน copy() ของตัวแปรชนิด set เพื่อใช้สำหรับคัดลอกสมาชิกของ set ตัวอื่น
by jirawoot » 18/07/2019 7:09 pm » in Python Knowledge - 0 Replies
- 545 Views
-
Last post by jirawoot
18/07/2019 7:09 pm
-
-
-
เลือกซื้อของออนไลน์ด้วย googleshopping กันเถอะ
by jamepiyawat » 26/07/2019 10:40 am » in Share Knowledge - 0 Replies
- 178 Views
-
Last post by jamepiyawat
26/07/2019 10:40 am
-
-
-
เรามาล้างประวัติการใช้งาน GoogleChome กันเถอะ
by khwanchanok » 21/05/2019 5:57 pm » in Share Knowledge - 0 Replies
- 217 Views
-
Last post by khwanchanok
21/05/2019 5:57 pm
-
Who is online
Users browsing this forum: No registered users and 6 guests