Monthly Archives: November 2013

CSS Font-Size: ทำไมต้องเป็น font-size: 62.5%

“Ems” (em) เป็นหน่วยที่ใช้เทียบกับขนาด font-size ของ body หรือถ้าไม่มีการกำหนด font-size ให้กับ body ก็จะเป็นค่าเริ่มต้น (16px) และสามารถย่อหรือขยายได้ (scalable) เช่น เราใช้ body {font-size: 12px} แสดงว่าถ้าเรากำหนด font-size เป็น 1em = 12px ดังนั้นถ้าเรากำหนด font-size เป็น 2em ก็จะเท่ากับ 24px หรือ .5em ก็ควรจะเท่ากับ 6px ครับ

ทำความเข้าใจ async และ defer กับการโหลด javascript

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

Mavericks กับปุ่ม power ที่กดแล้วแสดง shutdown dialog

สำหรับ OS X Mavericks ที่เปิดให้เหล่าชาว Mac ได้อัพเกรดกันฟรีๆ แล้ว ยังปรับฟังก์ชันเล็กๆ น้อยๆ ที่ผมใช้บ่อยมากๆ ไปด้วย นั่นคือ ปุ่ม power นั่นเอง แต่ก่อนพอเรากดปุ่ม power จะมี dialog สำหรับให้เราเลือกว่าจะ Shutdown, Sleep หรือ Restart