GCSS CSS frame work.

GCSS

CSS Frame work ที่พัฒนาโดยคนไทย

Frame work อธิบายตรงๆก็คงหมายถึง "กรอบการทำงาน" ซึ่งสำหรับชาว Web Developer แล้วก็คงหมายถึงกรอบสำหรับสร้างเว็บแหละครับ ซึ่ง Frame work จะทำหน้าที่เป็นแกนหรือเป็นโครงสร้างหลักของเว็บ ให้ผู้ปฏิบัติงานภายในโปรเจ็คพัฒนาไปในทิศทางเดียวกัน ช่วยให้งานเป็นระเบียบ และง่ายขึ้น ซึ่งก็ไม่ใช่แต่การทำงานเป็นทีมเท่านั้นที่ได้ประโยชน์จากการใช้ Frame work การพัฒนาส่วนบุคคลก็ได้ประโยชน์เช่นกันครับ เนื่องจาก Frame work จะประกอบด้วยคำสั่งสำเร็จรูปต่างๆจำนวนมาก ให้หยิบนำไปใช้ได้ ทำให้การออกแบบเว็บง่ายดายและรวดเร็วขึ้น

CSS Frame work ก็เช่นเดียวกันครับ ก็จะหมายถึงกรอบการทำงานในรูปแบบของคำสั่ง CSS ที่สามารถนำไปใช้ได้ เพื่อให้การออกแบบเว็บไซต์ง่ายขึ้น ซึ่ง CSS Frame work ก็จะมีหลากหลายยี่ห้อเช่นเดียวกับ Frame work อื่นๆ แต่ CSS Frame work ที่พัฒนาโดยคนไทย และ สมบูรณ์แบบ แถมยังสามารถนำไปใช้ได้ฟรีแบบไม่มีเงื่อนไข ก็เห็นจะมีแต่ GCSS ซึ่งเป็นเจ้าของเดียวกันกับผู้พัฒนา GCMS Ajax CMS ที่สามารถนำไปใช้งานได้ฟรีเช่นเดียวกันครับ

มีอะไรใน GCSS

  • รองรับ HTML5 และ CSS3
  • จัดการ Layout ของหน้าเว็บได้อย่างง่ายดาย
  • รองรับ Layout แบบ Right-To-Left
  • ระบบกริดที่ง่ายและยืดหยุ่น
  • สนับสนุนการออกแบบเว็บไซต์แบบ Responsive ด้วย Media Queries
  • สนับสนุน เมนู Tab และ Accordion แบบ Responsive
  • ออกแบบโดยเน้นการทำงานที่ไม่ต้องพึ่งพา Javascript แต่ก็สามารถใช้ Javascript ร่วมด้วยได้เพื่อเพิ่มประสิทธิภาพ
  • รองรับการใช้งานข้ามบราวเซอร์ สนับสนุนแบบสมบูรณ์บน IE ตั้งแต่เวอร์ชั่น 9 ขึ้นไป และ โมเดิร์นบราวเซอร์ทั้งหมดในปัจจุบันที่สนับสนุน CSS3 (IE เวอร์ชั่น 8 และต่ำกว่า อาจสนับสนุนได้น้อยลง เนื่องจากไม่รองรับ CSS3 แต่ยังสามารถแสดงผลได้ดี)

Layout

GCSS ช่วยให้การจัดการ Layout ด้วย HTML ง่ายขึ้นมากโดยไม่จำเป็นต้องใช้ตาราง (Table less Design) โดยสามารถใช้ tag ใหม่ๆของ HTML5 ในการจัดการ Layout ได้ เช่น header article section aside และ main

Grid

GCSS มีระบบ กริด (Grid system) ช่วยให้การวาง Layout ในแบบ Responsive ได้ง่ายขึ้น ไม่ต้องมาคอยจัดการ Layout เอง โดยยังรองรับกริดได้ถึง 12 คอลัมน์ ทั้งแบบกริดที่มีช่องว่างระหว่างกริด และที่ไม่มีช่องว่างระหว่างกริด

Typography

GCSS มีรูปแบบพื้นฐาน และมีการตั้งค่ารูปแบบของ element ใหม่ (reset css) เพื่อลดความแตกต่างกันในแต่ละบราวเซอร์ ช่วยให้เว็บไซต์ที่ออกแบบโดยใช้ GCSS สามารถแสดงผลได้สวยงามและเหมือนๆกันถึงแม้จะเปิดด้วย Browser คนละตัวกัน

GCSS สนับสนุนการใช้งานเต็มรูปแบบด้วย HTML5 และ CSS3 ดังนั้นบราวเซอร์รุ่นเก่าๆที่ไม่สนับสนุน HTML5 และ CSS3 อาจมีปัญหาในการแสดงผลบ้างเช่น การแสดงขอบโค้ง การแสดงเงา และการไล่สี เป็นต้น