เว็บตัวอย่างที่ออกแบบด้วย 960.gs ครับ


ข้อดี/ข้อเสียของ  960.gs

ข้อดี

    * ใช้ง่าย เรียนรู้ได้เร็ว
    * แบ่งเป็น 12-column กับ 16-column เลือกได้ว่าจะให้ layout ละเอียดแค่ไหน
    * ช่วยให้การออกแบบเว็บไซด์เร็วขึ้นมาก ถ้าทำเว็บที่หน้าตาเหมาะกับ Grid System อันนี้
    * หน้าตาเว็บเหมือนกันทุก Browser ทำให้ไม่ต้องกังวลว่าไปเปิดใน IE6 แล้วจะเจอบั๊กรอดักควาย
    * ขนาดไฟล์เล็กมาก ถ้าแบบ Compress (บีบอัดแล้ว) แล้วไม่เกิน 5 kb ส่วนแบบ Uncompress ไม่เกิน 8 kb

ข้อเสีย

    * ขนาดเว็บไซด์มีความกว้างอยู่ที่ 960 px เท่านั้น (เป็นตัวเลขที่สวยอยู่แล้ว) ซึ่งถ้าอยากได้ความกว้างขนาดอื่นจะใช้ไม่ได้
    * ขาดความอิสระใน Layout ของเว็บไซด์ลงไปอีกหน่อย (อันนี้เป็นเรื่องธรรมดาของการใช้ Framework อยู่แล้ว)


แหล่งข้อมูลสำหรับ 960.gs

สำหรับคนที่ยังใช้ไม่เป็นเลย เริ่มจาก Screencast ของ NetTuts น่าจะดีที่สุดครับ เพราะเค้าโชว์แบบ Step by Step ตั้งแต่ดาวน์โหลด 960.gs มาจากเว็บเลยทีเดียว

A Detailed Look at the 960 CSS Framework
http://net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/

ถ้าดูอันข้างบนแล้วยังไม่สะใจ ก็สามารถอ่าน บทความจาก NetTuts ได้ครับ อันนี้จะสอนใช้ 960.gs แบบ Step by Step เช่นกัน แต่จะเป็นแบบตัวหนังสือล้วน ๆ แล้วก็สอนทำเว็บที่หน้าตาดูดีกว่าวีดิโอด้านบนครับ

Prototyping With The Grid 960 CSS Framework
http://net.tutsplus.com/tutorials/html-css-techniques/prototyping-with-the-grid-960-css-framework/

พร้อมแล้วสามารถไปดาวน์โหลด 960 Grid System มาใช้กันได้จาก 960.gs Official Website เลยครับ!
http://960.gs/

-------------------------------------------
บทความต้นฉบับ จะมีเนื้อหาเยอะกว่านี้นิดหน่อยนะครับ เพราะบางส่วนมัน Drag-and-drop ออกมาลำบาก 
http://www.designil.com/css-framework-960gs-grid-system.html

ขอบคุณครับ  +1

ผมก็ใช้ CSS Framework ตัวนี้อยู่เหมือนกัน

ทำให้การวางแบบเว็บง่ายขึ้นเยอะเลยครับ



ใช้ไม่อยากอย่างที่คิด 

ผมก็ใช้ครับตัวนี้
เยี่ยมมากๆ ชีวิตดำเนินสบายเลย 5555

เคยโหลดมาลองใช้ หลายครั้งละ มึนๆ จัดเลย์เอ้าท์ไม่ถูก รู้สึกไม่ค่อยถูกโรคกับพวก framework เลยให้ตายสิ

เลยหยิบ reset.css มาใช้อย่างเดียว

อ้างถึงจาก: g-ji ใน 27 มกราคม 2010, 01:33:42
เคยโหลดมาลองใช้ หลายครั้งละ มึนๆ จัดเลย์เอ้าท์ไม่ถูก รู้สึกไม่ค่อยถูกโรคกับพวก framework เลยให้ตายสิ

เลยหยิบ reset.css มาใช้อย่างเดียว

ลองดูวีดิโอ Screencast ในโพสแรกนะครับ รับรองกระจ่างเลยครับ 

ใช้ไม่เป็น 

อ้างถึงจาก: khanom ใน 27 มกราคม 2010, 01:59:41
ใช้ไม่เป็น 

อย่างที่หลายคนบอกว่าใช้ไม่ยากอย่างที่คิดครับ ลองดูวีดิโอให้จบครับ (ไม่นานมาก) แล้วค่อยคิดใหม่อีกทีครับ 

ok พอดู วีดิโอแล้ว

"ง่าย"



เดี๋ยวบ่ายๆ เสร็จงานลองทำดูสักทีดีกว่า

+1

ขอบคุณมากๆ

ความรู้ไม่สิ้นสุดจริงๆ ชอบตรงนี้ล่ะครับ อิอิ Licensed under GPL and MIT

ยอดๆ 

Thank ไปครับ

ค่อนข้างสะดวกดีนะ ลองโหลดมาใช้ก่อนดีกว่า ไม่ต้องมานั่งจัด grid เองให้วุ่นวาย

ลองก่อน

แจ่ม +1

ใครเจอเว็บไหนมีสอนเกี่ยวกับ 960.gs เอามาบอกได้นะครับ พอดีว่าหาของเกี่ยวกับระบบนี้ไม่ค่อยมีเลย 

เยี่ยมครับ...

เอ่อ ถึงจะใช้ไม่ค่อยเป็น ก็ขอบคุณมาก ๆ คัรบ

ได้ของเล่น