จั่วหัวมาก็โยนระเบิดก่อนเลย ฮา...

ออกตัวก่อนว่าผมตั้งใจไปร่วมกิจกรรม CMS-Mission เมื่อวานนี้ (27 มิ.ย.) ในฐานะผู้ที่ต้องดูแล/จัดทำเว็บไซต์ ไม่ได้ไปในฐานะกองเชียร์ Drupal -- แม้สุดท้ายจะต้องทำหน้าที่ก็ตาม :P

ช่วงนี้ต้องจัดการกับธีมในหลายเว็บ แล้วมีปัญหากับ css style ของ tag เกี่ยวกับตาราง พวก table, th  และ td ที่มันไม่เว้นช่องว่าง (แม้จะพยายามแทรก code เข้าไปใน html ก็ยังช่วยไม่ได้)

เลยไปหาชุด css style พื้นฐานมาอันนึง แปะเข้าไปในไฟล์ .css เลยละกัน โดยถ้าในหน้าเว็บนั้นมีการสั่งตารางเอาไว้ ก็ให้ดึง css ชุดนี้มาแสดงผลโดยอัตโนมัติ (ถ้าไม่มีชุดอื่นมาสั่งทับทีหลัง)

table {
  border: 1px #666 solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
tr th {
  border-bottom: 1px #666 solid;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 4px;
}
tr td {
  border-bottom: 1px #aaa dotted;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 4px;
}

ทดลองแล้วใช้ได้กับเกือบทุกเว็บที่ทำอยู่

ตัวอย่าง ก่อนดำเนินการ...

ตัวอย่าง หลังจากเพิ่มโค้ดแล้ว...

ปล.ใครเอาไปใช้ ตรวจสอบให้ดีนะครับ หากแสดงผลผิดพลาดผมไม่เกี่ยวนะ ฮา...

ใน Safari 4 Public-Beta มีฟังก์ชั่น Develop > Disable Styles เพื่อปิดการทำงานของ CSS เพื่อดูหน้าเว็บล้วนๆ (ซึ่งในเว็บสมัยใหม่ควรแยก XHTML กับ CSS ออกจากกัน)

แต่จากที่ลองกับ forum ของเว็บไซต์ Thaimacclub ซึ่งเป็นเว็บที่ได้ทำเป็นเว็บแรกๆ ผลปรากฎว่าทำได้ดีมาก คือ Disable Styles แล้วยังแสดงผลเหมือนเดิมเด๊ะ (มีเฉพาะสีข้อความนิดหน่อยที่เปลี่ยนไป) สุดยอดการออกแบบมั้ยล่ะ ฮ่าๆๆๆ

** หมายเหตุ เฉพาะหน้า forum ที่ยังเป็นผลจากการออกแบบเมื่อนานมาแล้ว แต่หน้าแรก และหน้าบทความอื่นๆ ใช้ Drupal ในการจัดการข้อมูลหมดแล้ว **

สงสัยต้องหาเวลา กลับมาจัดการกับการแสดงผลซะหน่อยแล้ว อิอิ 

+ หน้าแรก forum แบบใช้งาน Styles ปกติ

+ หน้าแรก forum แบบที่ Disable Styles แล้ว (ทำไมเหมือนข้างบนเลยหว่า)

+ หน้ากระทู้ แบบใช้งาน Styles ปกติ

+ หน้ากระทู้ แบบที่ Disable Styles แล้ว (เหมือนข้างบนเด๊ะเลย) ฮ่าๆๆ

9 April 2008

What happened to the design?
To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information.

For more information >> http://naked.dustindiaz.com/

Via >> Thaimacclub.net , ThaiCss.com

ทำไมต้องผ่านมาตรฐาน W3C ?

ในฐานะคนดูเว็บไซต์ ....

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

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

ในฐานะคนทำเว็บไซต์ ....

อืม... ไม่รู้เหมือนกันแฮะ ก็แค่เว็บไซต์เราผ่านมาตรฐานด้วยนะเว้ย เท่ว่ะ ^^

ทดสอบ:
- XHTML Validation
- CSS Validation

ข้อมูลเพิ่มเติม:
- The World Wide Web Consortium
- Web Standard (thaicss.com - ภาษาไทย)