css framework คืออะไร

ผมเคยคิดอยู่นานแล้ว ว่า CSS ไม่มี framework บ้างเหรอ เพราะว่า framework ในสายตาผมก็คือ มันเป็นเหมือนการสร้างมาตรฐานเล็กๆขึ้นมา ไม่ได้เป็นมาตรฐานสากลอะไรหรอก แต่อย่างน้อยหลายๆคนก็จะพัฒนางานบนมาตรฐานนี้แล้วทำให้เกิดการแบ่งปันได้ (คิดไกลไปรึเปล่า)

จริงๆ คำว่า framework ในความหมายตัวมันก็คือ การพัฒนาระบบพื้นฐาน หรือชุดคำสั่ง หรือรูปแบบพื้นฐานขึ้นมา เพื่อให้ผู้ที่พัฒนา สามารถเรียกใช้คำสั่ง รูปแบบ หรือระบบนั้นได้อย่างง่าย และรวดเร็ว เนื่องด้วยระบบ หรือ รูปแบบเหล่านั้นเป็นสิ่งพื้นฐานที่มีโดยทั่วไปอยู่แล้ว ไม่จำเป็นต้องสร้างใหม่เขียนซ้ำขึ้นมาอีก ลดเวลาการพัฒนาลงไปได้

CSS ถึงจะเป็น ภาษาที่ไม่ก่อให้เกิดการ interactive กับผู้ใช้ (ไม่นับ css3) แต่มันก็มี framework กับเค้าด้วย เท่าที่ผมเห็น จะมีคนนิยมใช้ก็คือ

• 960 Grid System
• Blue Print Css Framework
• 1KB CSS Grid
• YUI2

 จริงๆมีมากกว่านี้แหล่ะ แต่แค่นี้ น่าจะครอบคลุมคนใช้งานส่วนใหญ่ได้แล้วล่ะ

หน้าที่หลักๆของ CSS Framework ก็คือ การจัดเตรียม โครงสร้างหน้าเว็บ ขั้นพื้นฐานเอาไว้ ให้เราเลือกปรับแต่งขนาดได้เองตามใจชอบ หรือที่เค้าเรียกมันอีกชื่อนึงว่า CSS Grid (การจัดหน้าตาโดยอาศัยตำแหน่ง grid)

ลองดูรูปดังต่อไปนี้ ที่เป็นรูป grid ที่ framework เขียนเป็นพื้นฐานเอาไว้

จัดหน้าโดย blueprint 

จัดหน้าโดย 960 grid system แบบ 16 column

จัดหน้าโดย 960 Grid system แบบ 12 column

แล้วลองดูรูปต่อไปนี้ คือหน้าเว็บที่จัดวางตำแหน่งโดย อาศัย CSS Framework ที่กล่าวมา

หน้าเว็บจริง ที่ใช้ Blueprint CSS 

หน้าเว็บจริงที่ใช้ 960 Gird System แบบ 12 column

โดย CSS Framework นั้นจะเอื้อต่อส่วนของคนที่ โค้ด CSS และคนที่ Design layout ด้วย เพื่อให้ทำออกมาแล้วตัดเพื่อวางใน CSS ได้ง่ายนั่นเอง

จากตัวอย่างเหล่านี้ คงเข้าใจ เรื่อง CSS Framework มากขึ้นนะครับ รวมทั้งน่าจะพอรู้แล้ว ว่าเอา CSS Framework มาใช้ประโยชน์ให้เราได้อย่างไร