หลังจากทดลอง “งม” การใช้งาน Bootstrap จนเข้าใจมาระดับหนึ่ง ผมได้ทดลองมือด้วยการออกแบบหน้า Frontend เป็นที่เรียบร้อย ถึงจะไม่ได้เขียนโค้ดเองทั้งหมด เพราะพึ่งพาเว็บ Bootstrap Snippet ที่แจกโค้ดสำเร็จ รวมถึง Bootstrap Theme Free อีกหลายๆอัน เลือกเอาส่วนที่สวยๆ ที่ผมชอบ มารวมร่างกัน จนได้เป็นเว็บต้นแบบ
คราวนี้ก็มาถึงงานส่วย Backend หรือส่วน Admin นั่นเอง ถึงตอนนี้ผมจะไม่ได้เข้าใจการเขียน Codeigniter สักเท่าไหร่ เพราะไม่คุ้นกับการเขียน OOP, MCV แต่การออกแบบมักจะต้องมาก่อน
ทีนี้เพราะเวลาจำกัดประกอบกับความชี้เกียจส่วนตัว เลยต้องหา Bootstrap Admin Theme Free 3 แบบที่คัดมาแล้วว่ารองรับงาน Responsive แน่ๆ อาจจะติดขัดบางส่วน แต่ก็ดีกว่าสร้างเองใหม่ทั้งหมดครับ
**ทดสอบ Responsive กับ Notebook 14 นิ้ว (FF, Chrome), Apple iPad 2 (Safari, Chrome), Nokia Lumia 720 (IE), TV 47 นิ้ว
AdminLTE V1.0
สวย เรียบง่าย
Charisma Free, Responsive, Multiple Skin Admin Template
มีปัญหานิดหน่อยเวลาใช้กับมือถือจอเล็กๆ
เมนูจะถูกซ่อนอยุ่ทางซ้าย พอคลิ๊กออกมาก็ดันชอบหายไปเอง
http://usman.it/free-responsive-admin-template/
SB Admin
แบบเรียบง่ายที่สุด เวลาถูกย่อ ipad 2 เมนุจะคงขนาดเดิม กินพื้นที่ส่วน content พอสมควร
http://startbootstrap.com/template-overviews/sb-admin/
SB Admin 2
เท่าที่ลอง เหมือนกับ SB Admin แต่ Theme เป็นสีขาว ลองใน Lumia 720 แล้วเวลากดเมนูนี่กระตุกเลย
http://startbootstrap.com/template-overviews/sb-admin-2/
จริงๆ มี Theme อีกมากครับ แต่ทดลองแล้วไม่ถูกใจ จะลองดุเพิ่มเติมจาก Credit ก็ได้
Credit :
http://usman.it/free-responsive-admin-template/
http://startbootstrap.com/template-categories/admin-dashboard/
http://www.almsaeedstudio.com/
http://colorlabsproject.com/blog/free-bootstrap-admin-templates/
https://github.com/VinceG/Bootstrap-Admin-Theme
http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/
http://www.daveismyname.com/free-bootstrap-admin-themes-bp#.VFC-trZZjHQ
http://www.bootstrapzero.com/bootstrap-templates/admin
http://speckyboy.com/2014/05/16/free-bootstrap-admin-themes/
No comments: