สอนวิธีใช้ CSS Clearfix

การ clearfix ก็คือการทำให้ block element สามารถครอบ element ข้างในที่ float อยู่ได้ สมมติเรามีโค้ด html แบบนี้

<div class="content">
  <div class="primary">Primary</div>
  <div class="secondary">Secondary</div>
</div>

ทำไมต้องลดจำนวน HTTP Request + วิธีใช้ Data URI

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

สอนวิธีใช้ Google Web Starter Kit

ทุกวันนี้เรามี framework ในการทำเว็บไซต์มากมาย ไม่ว่าจะเป็น Foundation ของ Zurb หรือ Bootstrap ของ Twitter แต่ในเวลานี้ ตัวที่คนกำลังพูดถึงมากที่สุดคงหนีไม่พ้น Web Starter Kit ของ Google

Web Starter Kit คืออะไร ?

วิธีเขียน @font-face ให้ใช้ได้ทุก Web Browser

เนื่องจากโค้ดของการเขียน @font-face rule ให้ใช้ได้ในทุกๆ web browser นั้นค่อนข้างยาว หากเราใช้ Sass ให้เราสร้างเป็น Mixin เอาไว้ใช้เลยก็ได้

@mixin font-face($fontName, $fileName, $path, $weight:normal, $style:normal) {…

วิธีจัดกึ่งกลาง (ทั้งแนวตั้งและแนวนอน)

โดยปกติแล้ว หากเราอยากจะให้ element หนึ่ง อยู่กึ่งกลางของ container ทั้งในแนวตั้งและในแนวนอน เราก็จะต้องเขียนโค้ดแบบนี้

<div class="box">BOX</div>

.box {
  width: 200px;
  height: 100px;