หัวข้อใหม่นี้กว่าจะได้มาเขียน ผมก็ทดลองใช้งานมาได้ค่อนปีแล้วล่ะ ทั้งสอนและก็ใช้จัดการงานประจำ พึ่งมารู้ภายหลังว่า มีสถาบันสอนพัฒนาเว็บไซต์บางแห่งนำไปใช้ในหลักสูตรด้วย ก่อนจะไปว่ากันถึงรายละเอียด ผมคิดว่าคงจะมีคนงง ๆ กับคำว่า grid แน่ ๆ  จริง ๆ จะเรียกมันว่า template สำเร็จรูปผมว่าก็คงไม่ผิด  ก่อนที่จะมี 960 grid system ก็มี tools ลักษณะนี้เยอะแยะทั้งไทย และต่างประเทศ  ซับซ้อนบ้าง ไม่ซับซ้อนบ้าง อันนี้สำหรับผมบอกไม่ได้อันไหนดีไม่ดี  อันไหนที่ภูมิความรู้ถึง อ่านแล้วรู้เรื่องผมก็ใช้  อันไหนใช้งานยาก แสดงว่าพื้นฐานเราไม่สนับสนุน ก็ผ่านไป

ก่อนหน้าที่ผมจะใช้มันผมเจอปัญหาเหล่านี้

  • แผนกกราฟิกออกแบบหน้าตาไซต์มาให้ผม  แต่จนแล้วจนรอดก็ทำไม่เหมือนสักที _ _”
  • บางทีตอนพัฒนามันก็ปกติ เวลาเอาขึ้นไปรันบน browser มันกลับเพื้ยนซะงั้น
  • หรือบางทีรันบน Firefox  (ผมใช้เป็นหลัก) ดูปกติ แต่พอไปรับบน IE ที่คนส่วนใหญ่ใช้กัน มันเพี้ยนนนน

แต่เชื่อหรือไม่ว่า ตั้งแต่ผมใช้ 960 grid system  ปัญหาข้างต้นหายหมดผมเลยลั่นลาเลย  ที่นี้รู้หรือยังว่า เจ้า  960 grid system มันคืออะไร  มันช่วยอะไรได้บ้าง  จะว่าไป ถ้าคนเขียนเก่ง ๆ หัวข้อปัญหาข้างบนคงจะไม่เกิดแน่เน้อ  ^^  แต่บังเอิญเรา ๆ มันก็เด็กฝึกหัด จะไปเสียเวล่ำเวลาปวดหัวทำไม ใช้ 960 grid system ซะ!!!

สรุปก็คือ 960 grid system  ก็คือ ตัวที่จะมาช่วยเราตบซ้าย ตบขวา ให้เว็บเราอยู่กับร่องกับรอย ไม่เพื้ยนมากเวลาแสดงบน browser  โดยการกำหนดความกว้างตายตัวเลย (บังคับนี่หว่า ) ที่ 960 pixel   เวลาเราพัฒนาเว็บไซต์ ก็จะกว้างได้แค่นั้นแหละ (เยอะแล้วน๊าา )   และภายใน 960 pixel นั้น เราสามารถแบ่งสันบันส่วนได้หลายแบบเช่นกัน  เลือกได้แบบ 12 ส่วน หรือ 24 ส่วน    ซึ่งแต่ละส่วนก็จะมีความกว้างเท่า ๆ กัน และช่วยให้ฝั่งคนออกแบบและฝั่งพัฒนามีความเข้าใจตรงกัน ถึงเรื่องขนาด

พอใช้แล้ว

  • กราฟิกก็ออกแบบได้ตามสบายไม่ต้องกังวลว่า ทีมพัฒนาจะทำได้หรือเปล่า   เพราะว่า 960 grid system มี template ให้ใช้ได้ทั้ง photoshop, illustrator  และอื่น ๆ ไปตามอ่านกันในเว็บต้นทาง
  • ส่งผลให้การประสานงานดีมาก เข้าใจตรงกัน ออกแบบเสร็จ ลงมือทำได้ทันที

ข้อเสียที่เห็น

  • จะให้ดีทั้งหมดก็กระไรอยู่ ถึงจะชอบแต่ก็ขอติงเรื่องการ ฟิกขนาดตายตัวนั่นแหละ  บางทีอยากได้กว้างก็ีนี้ต้องไปนั่งไล่แก้โค๊ดเอง (แต่ก็มันส์นะ)

และทั้งหมดนี่ก็คงพอจะบอกได้แล้วมั่งว่า 960 grid system มันคืออะไร   แล้วตอนต่อ ๆ ไปจะเป็นการลงมือ ทดลองใช้กันเลย ตั้งแต่ออกแบบหน้าเว็บไซต์ด้วยการใช้ 960 grid system เป็นตัวนำ  จนถึงการลง coding   คอยติดตามนะครับบบ

ปล.

สามารถอ่านรายละเอียดเพิ่มเติมพร้อมตัวอย่าง ได้ที่  960.gs