margin ปะทะ padding

margin ปะทะ padding

ผมเชื่อว่าทุกคนที่หัดเขียน CSS ใหม่ๆจะต้องมีอาการมึนๆงงๆกับเจ้าคำสั่ง margin กับ padding กันทุกคน และผมก็เป็นหนึ่งในนั้น กว่าผมจะเข้าใจความแตกต่างและใช้ได้ถูกต้อง ก็ต้องใช้งมโข่งอยู่นานเหมือนกัน แต่ถ้าคุณได้อ่านหลักงานง่ายๆที่ผมอธิบายในบล็อกนี้จะรู้เลยว่าไม่ได้ยากอะไรเลย(จริงๆ) Read the rest of this entry

มาใช้แผ่นดัชนีคำสั่ง CSS และ HTML กันเถอะ

มาใช้แผ่นดัชนีคำสั่ง CSS และ HTML กันเถอะ

อาวุธประจำกายอย่างหนึ่งที่ผมจะมีไว้ใกล้มือเสมอเวลานั่งเขียนโค๊ตหน้าเว็บ คือแผ่นดัชนีคำสั่ง CSS และ HTML หรือที่ฝรั่งเขาเรียกกันว่า Cheat Sheet ซึ่งก็คือแผ่นที่รวบรวมคำสั่งสำคัญๆเกือบทั้งหมดที่เราจำเป็นต้องใช้ไว้บนหน้ากระดาษ 1 แผ่นหรือมากกว่านั้น พร้อมให้เราใช้เวลาต้องการอ้างอิงถึงบางคำสั่งที่เรายังไม่คุ้นเคยหรือยังจำไม่ได้ ด้วยความที่ตัวเองมีใช้อยู่เป็นประจำและชอบมากๆ เลยอยากจะแนะนำให้ใช้กันบ้างครับ เหมาะมากๆสำหรับทั้งมือใหม่และมือเก่าทุกท่าน Read the rest of this entry

ปริศนาคำสั่ง display: block และ display: inline ของ CSS

ปริศนาคำสั่ง display: block และ display: inline ของ CSS

จากคราวที่แล้วเราได้เรียนรู้ถึงลักษณะการแสดงผลของแท็กแบบ Block และแท็กแบบ Inline ที่แตกต่างกัน ถ้าจะให้เนื้อหาครอบคลุมและมีความต่อเนื่องอีกซักหน่อยก็คงต้องพูดถึงคำสั่ง display ของ CSS ด้วย Read the rest of this entry

การพบกันระหว่างแท็กแบบ Block และ Inline

การพบกันระหว่างแท็กแบบ Block และ Inline

Block vs. Inline

อุปสรรคแรกๆของการเขียนหน้าเว็บให้ถูกต้องตามหลัก Web Standards คือการไม่รู้ความแตกต่างของชนิดของแท็ก HTML ที่ใช้เขียนประกอบเป็นหน้าเว็บขึ้นมา ซึ่งโดยทั่วไปแท็กที่เราใช้เขียนประกอบขึ้นมาเป็นหน้าเว็บจะมีอยู่ด้วยกัน 2 แบบด้วยกันคือ แท็กแบบ Block และ Inline Read the rest of this entry

ตำรา Web Standard และ CSS

ตำรา Web Standard และ CSS

Web Standard & CSS Books

ตำรา Web Standards และ CSS ที่ผมใช้ศึกษาในช่วงที่ผ่านมา ถ้ามีโอกาสผมจะมารีวิวแต่ละเล่มให้อ่านกันครับ

  1. The Zen of CSS Design
  2. Web Standards Solutions
  3. Head First HTML with CSS & XHTML
  4. Designing with Web Standards
  5. The CSS Anthology
  6. Pro CSS and HTML Design Patterns
  7. CSS The Definitive Guide
  8. Bulletproof Web Design
  9. Stylin’ with CSS
  10. Pro CSS Techniques

ทักทาย

ทักทาย

Web Standard & CSS Books

บล็อกนี้เกิดจากความอยากของผู้เขียนที่มีมานานแล้ว ที่อยากจะถ่ายทอดความรู้เกี่ยวกับการเขียนหน้าเว็บให้ถูกต้องตามหลัก Web Standards ด้วย XHTML และ CSS ด้วยความที่ผู้เขียนได้ศึกษาเกี่ยวกับเรื่องนี้มาเยอะมาก ผ่านการอ่านตำรามากกว่าสิบเล่ม, อีบุ๊คอีกจำนวนมาก และบทความต่างๆในอินเทอร์เน็ตอีกนับไม่ถ้วน บวกกับประสบการณ์จากการทำงานสร้างเว็บจริงๆมากกว่า 10 ปี จึงอยากจะส่งต่อความรู้และประสบการณ์ที่มี ผ่านทางบล็อกเพื่อให้เพื่อนๆ, พี่ๆ, น้องๆที่สนใจได้ใช้เป็นแหล่งความรู้และเวทีแลกเปลี่ยนความคิดเห็นเกี่ยวกับ การเขียนเว็บตามหลัก Web Standards ต่อไปครับ

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

สำหรับชื่อ margin0auto นั้น สำหรับเพื่อนๆที่คุ้นเคยกับการเขียน CSS จะรู้ดีว่าเป็นชุดคำสั่งที่ใช้กันบ่อยหมด ใช้ในการจัดให้กล่องที่เราต้องการควบคุมอยู่ตำแหน่งตรงกลางของหน้า ผมเลยขออนุญาตเอาคำสั่งที่ว่ามาตั้งเป็นชื่อบล็อกนี้เพื่อใช้สื่อเป็นกลายๆ ว่าเป็นบล็อกเกี่ยวกับอะไรครับ :-)