ผมเชื่อว่าทุกคนที่หัดเขียน CSS ใหม่ๆจะต้องมีอาการมึนๆงงๆกับเจ้าคำสั่ง margin กับ padding กันทุกคน และผมก็เป็นหนึ่งในนั้น กว่าผมจะเข้าใจความแตกต่างและใช้ได้ถูกต้อง ก็ต้องใช้งมโข่งอยู่นานเหมือนกัน แต่ถ้าคุณได้อ่านหลักงานง่ายๆที่ผมอธิบายในบล็อกนี้จะรู้เลยว่าไม่ได้ยากอะไรเลย(จริงๆ) Read the rest of this entry
มาใช้แผ่นดัชนีคำสั่ง CSS และ HTML กันเถอะ
อาวุธประจำกายอย่างหนึ่งที่ผมจะมีไว้ใกล้มือเสมอเวลานั่งเขียนโค๊ตหน้าเว็บ คือแผ่นดัชนีคำสั่ง CSS และ HTML หรือที่ฝรั่งเขาเรียกกันว่า Cheat Sheet ซึ่งก็คือแผ่นที่รวบรวมคำสั่งสำคัญๆเกือบทั้งหมดที่เราจำเป็นต้องใช้ไว้บนหน้ากระดาษ 1 แผ่นหรือมากกว่านั้น พร้อมให้เราใช้เวลาต้องการอ้างอิงถึงบางคำสั่งที่เรายังไม่คุ้นเคยหรือยังจำไม่ได้ ด้วยความที่ตัวเองมีใช้อยู่เป็นประจำและชอบมากๆ เลยอยากจะแนะนำให้ใช้กันบ้างครับ เหมาะมากๆสำหรับทั้งมือใหม่และมือเก่าทุกท่าน Read the rest of this entry
ปริศนาคำสั่ง display: block และ display: inline ของ CSS
จากคราวที่แล้วเราได้เรียนรู้ถึงลักษณะการแสดงผลของแท็กแบบ Block และแท็กแบบ Inline ที่แตกต่างกัน ถ้าจะให้เนื้อหาครอบคลุมและมีความต่อเนื่องอีกซักหน่อยก็คงต้องพูดถึงคำสั่ง display ของ CSS ด้วย Read the rest of this entry
การพบกันระหว่างแท็กแบบ Block และ Inline
อุปสรรคแรกๆของการเขียนหน้าเว็บให้ถูกต้องตามหลัก Web Standards คือการไม่รู้ความแตกต่างของชนิดของแท็ก HTML ที่ใช้เขียนประกอบเป็นหน้าเว็บขึ้นมา ซึ่งโดยทั่วไปแท็กที่เราใช้เขียนประกอบขึ้นมาเป็นหน้าเว็บจะมีอยู่ด้วยกัน 2 แบบด้วยกันคือ แท็กแบบ Block และ Inline Read the rest of this entry
ตำรา Web Standard และ CSS
ตำรา Web Standards และ CSS ที่ผมใช้ศึกษาในช่วงที่ผ่านมา ถ้ามีโอกาสผมจะมารีวิวแต่ละเล่มให้อ่านกันครับ
- The Zen of CSS Design
- Web Standards Solutions
- Head First HTML with CSS & XHTML
- Designing with Web Standards
- The CSS Anthology
- Pro CSS and HTML Design Patterns
- CSS The Definitive Guide
- Bulletproof Web Design
- Stylin’ with CSS
- Pro CSS Techniques
ทักทาย
บล็อกนี้เกิดจากความอยากของผู้เขียนที่มีมานานแล้ว ที่อยากจะถ่ายทอดความรู้เกี่ยวกับการเขียนหน้าเว็บให้ถูกต้องตามหลัก Web Standards ด้วย XHTML และ CSS ด้วยความที่ผู้เขียนได้ศึกษาเกี่ยวกับเรื่องนี้มาเยอะมาก ผ่านการอ่านตำรามากกว่าสิบเล่ม, อีบุ๊คอีกจำนวนมาก และบทความต่างๆในอินเทอร์เน็ตอีกนับไม่ถ้วน บวกกับประสบการณ์จากการทำงานสร้างเว็บจริงๆมากกว่า 10 ปี จึงอยากจะส่งต่อความรู้และประสบการณ์ที่มี ผ่านทางบล็อกเพื่อให้เพื่อนๆ, พี่ๆ, น้องๆที่สนใจได้ใช้เป็นแหล่งความรู้และเวทีแลกเปลี่ยนความคิดเห็นเกี่ยวกับ การเขียนเว็บตามหลัก Web Standards ต่อไปครับ
เนื้อหาหลักๆในบล็อกนี้ผมอยากจะเน้นที่ข้อสงสัยต่างๆเกี่ยวกับการเขียน XHTML และ CSS ที่ถูกต้อง มากกว่าที่จะพยายามครอบคลุมทุกเนื้อหาระดับพื้นฐานทั้งหมด บล็อกนี้จึงเหมาะกับเพื่อนๆที่พอเขียนเป็นอยู่แล้วบ้าง แต่ยังไม่ค่อยเข้าใจว่าทำไมต้องเขียนแบบนั้นแบบนี้ โดยผมจะอธิบายให้ความกระจ่างกับหลายๆเรื่องที่อาจจะงงๆและสงสัยอยู่ ซึ่งผมเชื่อว่าถ้าเราเข้าใจหลักการและเหตุผลที่แท้จริงในการเขียนแล้ว ไม่ว่าเราจะไปเจอปัญหาอะไรเกี่ยวกับการแสดงผลหน้าเว็บใดๆ เราก็สามารถประยุกต์ใช้ความรู้มีและหาทางแก้ไขปัญหาได้ในที่สุด
สำหรับชื่อ margin0auto นั้น สำหรับเพื่อนๆที่คุ้นเคยกับการเขียน CSS จะรู้ดีว่าเป็นชุดคำสั่งที่ใช้กันบ่อยหมด ใช้ในการจัดให้กล่องที่เราต้องการควบคุมอยู่ตำแหน่งตรงกลางของหน้า ผมเลยขออนุญาตเอาคำสั่งที่ว่ามาตั้งเป็นชื่อบล็อกนี้เพื่อใช้สื่อเป็นกลายๆ ว่าเป็นบล็อกเกี่ยวกับอะไรครับ





