IMOOH.COM

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

Error & Logging ใน Laravel

ค่าเริ่มต้น (default) ของการแสดงข้อมูลเกี่ยวกับ Error จะถูกเปิดใช้งานไว้อยู่แล้ว เพื่อนๆ ที่เคยใช้ Laravel ก็อาจจะเคยเห็นอยู่บ้าง ^^ แน่นอนว่าตอนที่เรากำลังพัฒนาเว็บของเราก็จะต้องเปิดไว้อยู่แล้ว (เอาให้เห็นกันไปเลยว่า error  อะไร) แต่ถ้าจะเอาขึ้น production ก็แนะนำให้ปิดไว้จะดีกว่านะครับ โดยเข้าไปแก้ไขค่า debug ในไฟล์ /app/config/app.php จาก true เป็น false ครับ

การใช้งานฟังก์ชัน ucfirst ของ PHP

การใช้งานฟังก์ชัน ucfirst() ของ PHP ซึ่งเป็นฟังก์ชันที่ใช้จัดการกับ string อีกฟังก์ชันหนึ่ง ทำให้ตัวแรก (first) ของ string ที่ส่งเข้าไปเป็นตัวพิมพ์ใหญ่ (capitalize) 

7 อย่างง่ายๆ ที่ช่วยประหยัดแบตเตอรี่ของ iPhone ที่ใช้ iOS 7

หลังจากเราได้อัพเดท iPhone ของเราให้เป็น iOS 7 ซึ่งมีการเปลี่ยนแปลงดีไซน์และเพิ่มฟีเจอร์ต่างๆ มาให้เราได้ใช้อย่างมากมายแล้วสิ่งที่แถมมาด้วยที่เราไม่ต้องการก็คงจะหนีไม่พ้นแบตเตอรี่ใช้งานได้น้อยลง เพราะต้องใช้พลังงานในการประมวลผลเพิ่มขึ้น

การใช้งาน CSS :nth-child()

อีกหนึ่ง pseudo-selector ของ CSS ที่ผมดูแล้วแหล่มมากๆ ก็คือเจ้า nth-child() นี่แหละครับ ของดีจะเก็บไว้คนเดียวมันจะไปมันส์~ อะไรจริงไหม ^^ เพื่อนๆ บางคนอาจจะเคยเห็นผ่านตามาบ้าง