T.LOGICAL RESOLUTION
TOP 3 CSS FRAMEWORK 2021

ว่าด้วยเรื่องของ CSS คนมักจะไม่ชอบ หรือมีข้อกังขาว่ามันยาก งั้นเรามาจัด Rank ของ CSS กันดีกว่าว่า CSS ตัวไหนบ้างที่ Developer ส่วนใหญ่นำมาใช้พัฒนาเว็บไซต์กันในปีนี้ และพร้อมเจาะลึกข้อดีและข้อเสียของแต่ละ Tools  ทั้ง 3 อัน

เรามาเริ่มที่อันดับแรก คงตกเป็นของใครไปไม่ได้นอกจาก Bootstrap

ต้องบอกก่อนว่ามี Research หลายสำนักที่ให้คะแนนที่แตกต่างกันออกไป ดังนั้น Top 3 ที่เราเลือกมาวันนี้ มากจาก Inner ของทีมงานที่เราได้ทำ Research กันเอง เมื่อเข้าใจตรงกันแล้วเราไปดูกัน

 

นาทีนี้ใครไม่รู้จัก Bootstrap ถือว่าพลาดมาก เพราะเขาเป็นเครื่องมืออันทรงพลัง แถมยังได้รับความนิยมมากที่สุด ใครยังไม่เคยใช้ไปหามาลองใช้ด่วน ๆ อย่าช้าาา กดลิงก์เลย https://getbootstrap.com/

จุดเด่นของของ Bootstrap 

- มี UI เริ่มต้นแบบที่สวยงามและใช้งานง่าย

- มีการปรับปรุงและพัฒนาอย่างต่อเนื่อง

- เป็นที่นิยมของนักพัฒนาทั่วโลก ทำให้สามารถเรียนรู้และแก้ปัญหาได้ง่าย

- ประหยัดเวลาในการพัฒนาเว็บไซต์และนำไปพัฒนาต่อได้ง่าย

- เป็น Responsive Framework พัฒนาเว็บไซต์ที่รองรับการแสดงผลได้หลากหลาย Device

ส่วนอันดับที่ 2 Tailwind CSS

เฟรมเวิร์กที่ช่วยให้ Dev ทำงานง่ายขึ้น อยากลองใช้ ลิงค์นี้เลย  https://tailwindcss.com/

CSS Utility Framework ที่ช่วยให้นักพัฒนาสร้าง UI ที่สำคัญได้ด้วยตัวเองอย่างรวดเร็ว และยังสามารถปรับแต่งในรายละเอียดปลีกย่อยได้ง่าย เนื่องจากมาพร้อมกับ Class สำเร็จรูปสุดอเนกประสงค์ที่ใช้งานได้ทันทีในกรณีที่ต้องการเปลี่ยน UI หลักของ Framework เช่น สี ขนาด การจัดวาง หรือปุ่มต่างๆ นั้นทำให้นักพัฒนาแทบไม่ต้องเข้าไปแก้ไขที่ไฟล์ CSS หลักเลย

จุดเด่นของของ Tailwind CSS

- ปรับแต่งลูกเล่นได้หลากหลาย

- Utility ที่ช่วยให้ตั้งชื่อ Class ได้ง่ายขึ้น

- การเพิ่มประสิทธิภาพ Purge CSS

- ทำเว็บไซต์ Responsive Design ได้ง่ายขึ้น

แล้วส่วนของอันดับสุดท้าย คือ Foundation Framework ที่ช่วยพัฒนา Front-end ใช้ได้ทั้งเว็บ และแอปพลิเคชันอย่างยืดหยุ่น ปรับแต่งได้หลากหลาย แถมยังมี Template HTML ให้ใช้งานมากมาย อยากลองใช้ ลิงก์นี้เลย https://get.foundation/

จุดเด่นของของ Foundation

- ไม่มีสไตล์กำหนดไว้ จึงมีความยืดหยุ่นอย่างมาก

- ใช้ REM แทน Pixel ช่วยลดความจำเป็นในการระบุค่าที่ชัดเจนของ Width, Height และ Attribute อื่นๆของแต่ละอุปกรณ์

เป็นอย่างไรกันบ้างกับ Top 3 CSS Framework ที่เราได้มาแนะนำ อย่าลืมไปลองใช้กันล่ะ

TOP 3 CSS FRAMEWORK 2021

ว่าด้วยเรื่องของ CSS คนมักจะไม่ชอบ หรือมีข้อกังขาว่ามันยาก งั้นเรามาจัด Rank ของ CSS กันดีกว่าว่า CSS ตัวไหนบ้างที่ Developer ส่วนใหญ่นำมาใช้พัฒนาเว็บไซต์กันในปีนี้ และพร้อมเจาะลึกข้อดีและข้อเสียของแต่ละ Tools  ทั้ง 3 อัน

เรามาเริ่มที่อันดับแรก คงตกเป็นของใครไปไม่ได้นอกจาก Bootstrap

ต้องบอกก่อนว่ามี Research หลายสำนักที่ให้คะแนนที่แตกต่างกันออกไป ดังนั้น Top 3 ที่เราเลือกมาวันนี้ มากจาก Inner ของทีมงานที่เราได้ทำ Research กันเอง เมื่อเข้าใจตรงกันแล้วเราไปดูกัน

 

นาทีนี้ใครไม่รู้จัก Bootstrap ถือว่าพลาดมาก เพราะเขาเป็นเครื่องมืออันทรงพลัง แถมยังได้รับความนิยมมากที่สุด ใครยังไม่เคยใช้ไปหามาลองใช้ด่วน ๆ อย่าช้าาา กดลิงก์เลย https://getbootstrap.com/

จุดเด่นของของ Bootstrap 

- มี UI เริ่มต้นแบบที่สวยงามและใช้งานง่าย

- มีการปรับปรุงและพัฒนาอย่างต่อเนื่อง

- เป็นที่นิยมของนักพัฒนาทั่วโลก ทำให้สามารถเรียนรู้และแก้ปัญหาได้ง่าย

- ประหยัดเวลาในการพัฒนาเว็บไซต์และนำไปพัฒนาต่อได้ง่าย

- เป็น Responsive Framework พัฒนาเว็บไซต์ที่รองรับการแสดงผลได้หลากหลาย Device


ส่วนอันดับที่ 2 Tailwind CSS

เฟรมเวิร์กที่ช่วยให้ Dev ทำงานง่ายขึ้น อยากลองใช้ ลิงค์นี้เลย  https://tailwindcss.com/

CSS Utility Framework ที่ช่วยให้นักพัฒนาสร้าง UI ที่สำคัญได้ด้วยตัวเองอย่างรวดเร็ว และยังสามารถปรับแต่งในรายละเอียดปลีกย่อยได้ง่าย เนื่องจากมาพร้อมกับ Class สำเร็จรูปสุดอเนกประสงค์ที่ใช้งานได้ทันทีในกรณีที่ต้องการเปลี่ยน UI หลักของ Framework เช่น สี ขนาด การจัดวาง หรือปุ่มต่างๆ นั้นทำให้นักพัฒนาแทบไม่ต้องเข้าไปแก้ไขที่ไฟล์ CSS หลักเลย

จุดเด่นของของ Tailwind CSS

- ปรับแต่งลูกเล่นได้หลากหลาย

- Utility ที่ช่วยให้ตั้งชื่อ Class ได้ง่ายขึ้น

- การเพิ่มประสิทธิภาพ Purge CSS

- ทำเว็บไซต์ Responsive Design ได้ง่ายขึ้น

แล้วส่วนของอันดับสุดท้าย คือ Foundation Framework ที่ช่วยพัฒนา Front-end ใช้ได้ทั้งเว็บ และแอปพลิเคชันอย่างยืดหยุ่น ปรับแต่งได้หลากหลาย แถมยังมี Template HTML ให้ใช้งานมากมาย อยากลองใช้ ลิงก์นี้เลย https://get.foundation/

จุดเด่นของของ Foundation

- ไม่มีสไตล์กำหนดไว้ จึงมีความยืดหยุ่นอย่างมาก

- ใช้ REM แทน Pixel ช่วยลดความจำเป็นในการระบุค่าที่ชัดเจนของ Width, Height และ Attribute อื่นๆของแต่ละอุปกรณ์

เป็นอย่างไรกันบ้างกับ Top 3 CSS Framework ที่เราได้มาแนะนำ อย่าลืมไปลองใช้กันล่ะ