CSS3 เพื่ออะไร?

โดย พร อันทะ เมื่อ 2007-12-01 01:14:54 ดูทั้งหมด 284 ครั้ง

กลับมาหา CSS

ถือได้ว่าเราห่างหายจากการเขียนบทความที่เกี่ยวข้องกับ CSS อย่างเดียวโดยตรงไปนาน เพราะทั้งผม (พร อันทะ) และ รดิส (radiz) ต่างพยายามเบี่ยงเบนความสนใจของทุกๆ ท่านไปที่เรื่อง Semantic web, Web Standards และเรื่อง XHTML นานพอสมควร ไม่ใช่ว่าพวกเราจะเลิกสนับสนุนหรือแนะนำเรื่องราวเกี่ยวกับ CSS กันแล้ว แต่เพียงแค่หันไปบอกเล่าเรื่องที่มันสำคัญมากยิ่งกว่า CSS แค่ชั่วคราวแค่นั้นเองครับ เพียงเพราะแค่อยากให้เข้าใจเรื่องราวของการเขียนเว็บตรงและเป็นอันหนึ่งอันเดียวกัน กระนั้นก็ยังหวั่นๆ ว่ามันจะไปทางเดียวกันได้หรือไม่ ต้องรอดู

มาถึงตอนนี้ ผมคงเริ่มที่จะกลับเข้ามาหาเรื่องราวที่เกี่ยวข้องกับ CSS มากยิ่งขึ้น ตามการเปลี่ยนแปลงของเวลา แต่คงเป็นอะไรที่ซับซ้อนมากกว่าเมื่อก่อนมาก เพราะต้องเขียน CSS ให้รองรับในฉบับของ Semantic Web

สงครามบราวเซอร์ จุดเริ่มต้นของจุดจบ

หลายคนคงได้ยินข่าวเรื่อง IE8 ที่กำลังจะออกมาในเร็ววันนี้ กับคำประกาศที่บอกว่าจะทำให้ถูกต้องตามมาตรฐานที่ W3C กำหนดทุกประการ (บราวเซอร์ก็มีมาตรฐานกลางจาก W3C กำหนดเหมือนกันครับ) และรองรับ CSS3 รวมทั้ง CSS2 ที่ IE7 ยังตกค้างด้วย ถือเป็นข่าวดีที่สุดอีกข่าวหนึ่งของคนที่เขียนเว็บอิงมาตรฐาน แต่ สิ่งที่หลายคนกลัวก็คือ เมื่อ IE8 เข้าสู่มาตรฐาน มันก็ต้องเรนเดอร์หน้าเว็บแล้วแสดงผลเหมือนกับ Firefox, Opera หรือ Safariหนะสิ คำตอบคือ ใช่แล้วครับ คล้ายกันในมาตรฐาน แล้วเว็บที่เขียนไม่ได้มาตรฐานที่ยังแสดงผลบูดๆ เบี้ยวๆ ใน Firefox, Opera หรือ Safari ที่เห็นกันอยู่ทุกวันนี้หละ พอเราเอา IE8 เปิดเข้าดู หน้าเว็บมันจะไม่เละเหมือนกันหรือ คำตอบที่ผมคาดเดา ก็คงเป็นคำว่า ใช่ครับ ผมคิดว่า IE8 จะแสดงผลคล้ายๆ โมเดิร์นบราวเซอร์อื่นทั่วไป

อย่ากลัวไปเลย เราจะใช้ IE6 กันจนตราบชั่วฟ้าดินสลาย ผมสัญญา

ผมจะขอเป็นหัวหอก นำกลุ่มประท้วงไม่ให้ไมโครซอฟท์ ปล่อย IE8 ออกมา เดี๋ยวมันจะทำให้หน้าเว็บของเราพัง

หึหึ...

แทบไม่ต้องคิดเลยว่าผลที่เกิดขึ้นหลังจากไออีแปดออกมาแล้ว หลายๆ เว็บจะเป็นยังไง แต่ก็ช่างมันเหอะ เราใช้ IE6

CSS3 เตรียมพร้อม เมื่อทุกอย่างพร้อม

“From the 43 selectors 43 have passed, 0 are buggy and 0 are unsupported (Passed 578 out of 578 tests)” นั่นคือผลการทดสอบการเร็นเดอร์ชุดคำสั่ง CSS3 ของ Opera 9.50 beta ทุกอย่างผ่านฉลุย แต่สำหรับ Firefox 3 beta มีบั๊กและยังไม่รองรับบ้าง พอประมาณ โดยเพาะในหมวดของ Structural pseudo-classes เช่น :nth-last-child() แต่คาดว่าแถวๆ นี้คงยังคิดไม่พบกันว่ามันคืออะไร เพราะปั่นแค่เพียง Class กับ ID ก็มึนกันไปแล้ว

แต่ผมเชื่อว่า สำหรับตัวเต็มของ Firefox 3 คงผ่านฉลุยสำหรับ CSS3 ส่วน Internet Explorer 8 รวมทั้ง Safari คงใช้เวลาอีกไม่นานในการจับ Module ยัดลงไป แต่สิ่งที่อยากจะเพิ่มเติมและย้ำเตือน สำหรับการเขียน CSS ระลอกใหม่นี้ ก็คือเรื่องของการทำความเข้าใจ Selector เพราะตอนนี้ เท่าที่เห็น เรามุ่งไปให้ความสำคัญกับ Class และ ID เกินไป ก็เลยกลายเป็นคลาสกระจายในบางครั้ง (หรือเป็นเพียงเพราะผมเข้าใจไปเองเนี่ย) จากนี้ไปผมคงจะหันเข้ามาพูดเรื่องของ CSS มากขึ้นกว่าช่วงก่อนหน้านี้ โดยเฉพาะการสร้างความเข้าใจในเรื่องของ Selector ทั้ง CSS2 ที่ยังขาดหาย และ CSS3 ที่กำลังจะเข้ามา

ThaiCSS III

หน้าเว็บ ThaiCSS หน้าแรกเปลี่ยนไป การเปลี่ยนไปคราวนี้ ไม่ได้เปลี่ยนไปเหมือนเมื่อก่อนที่ผ่านมา ไม่ได้แค่เปลี่ยนดีไซน์ห่วยๆ อย่างเดียว เปลี่ยนทั้งโครงสร้าง XHTML และ CSS พร้อมทั้งยกเลิกการใช้ Class และ ID รวมถึงไม่ได้ใช้ div ในการแบ่งส่วนสัดของหน้าเว็บด้วย เพราะหน้าเว็บเล็กๆ อย่างนี้คงไม่ต้องสำคัญขนาดต้องใช้ div กระมัง

สามารถ วิวซอร์ส XHTML และ CSS ได้แล้วตั้งแต่วันนี้

มีความสุขตามอัตภาพบ้าง จะเป็นไรไป อย่างน้อยชีวิตนี้ เราก็ไม่ได้ทุกข์ไปซะหมด