ขอพระองค์ทรงพระเจริญ

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

ขอพระองค์ทรงพระเจริญ


ถึงพ่อ และแม่

แม้ลูกคนนี้จะทำให้ผิดหวังครั้งแล้วครั้งเล่าในอดีต และในปัจจุบันอาจจะไม่มีอะไรที่ทำให้พ่อแม่ภูมิใจได้เลย แต่สักวันหนึ่งพ่อแม่คงจะได้ภูมิใจในตัวผมบ้าง

รักพ่อ และแม่ครับ

Check Mobile Orientation by JavaScript

มือถือใหม่ ๆ สามารถที่จะหันหน้าจอให้เป็น แนวตั้ง และแนวนอนได้ ส่วนการเข้าเว็บนั้นก็ไม่มีปัญหาอะไร แต่บางครั้งขนาดที่เปลี่ยนแปลงอยู่ตลอด ทำให้การจัดวางรูปภาพ หรือวิดีโอมีปัญหา คือไม่พอดีจนต้องสกลอร์ซ้าย-ขวาบ้าง ทางแก้ปัญหานี้ทำได้โดยการใช้ JavaScript ตรวจสอบขนาดหน้าจอ แล้วก็ย่อ/ขยายรูปภาพให้เหมาะสมกับขนาดที่เปลี่ยนแปลงไป (DEMO)

หมายเหตุ:

  • ผมใช้ jQuery ในการตรวจสอบ และกำหนดค่า เพราะทำง่ายดี ถ้าอยากจะใช้ JavaScript เดิม ๆ ก็ทำได้ไม่ยาก
  • ผมไม่มีมือถือสมัยใหม่ไว้ให้ทดลอง มีแต่ IE บน Windows Phone Emulator ซึ่ง IE มันใช้ onResize() ไม่ได้
  • iPhone มี event ตอนเปลี่ยนหน้าจอให้โดยเฉพาะ ลองหาดูเองนะ

Burg Configuration Guide (Quick and Dirty)

หลังจากที่ลง Ubuntu 10.10 มาแล้ว ก็อ่าน Review ที่ Blognone และปรับเปลี่ยนตามที่เขาแนะนำกันหลาย ๆ อย่าง จนสุดท้ายติดตั้ง BURG ซึ่งผลที่ได้ก็เรียบร้อยสวยงามดี แอบมีติด ๆ ขัด ๆ บ้างเล็กน้อย

พอใช้จริงก็มีปัญหาเล็กน้อยคือ ข้อความแสดงชื่อ OS นั้นมันยาวไป ไม่เข้ากับบางธีมของ BURG (ผมใช้ Sora) เลยต้องกลับไปค้นเกี่ยวกับการแก้ไขการตั้งค่าของ GRUB ซึ่ง BURG ก็ใช้ไฟล์รูปแบบเดียวกัน สุดท้ายก็ได้ Boot loader สวย ๆ มาใช้สักที

Custom Date/Time Format on Ubuntu Panel

ทุกครั้งที่ติดตั้ง Ubuntu ใหม่ เพราะไม่อยาก Upgrade กลัวมันจะสร้างปัญหาให้แก้มากกว่าความสะดวก และเกือบทุกครั้งก็ลบ Config ทิ้งไปเกือบทุกรอบ ด้วยความไม่ชำนาญกับระบบ และอยากจะเห็นว่า รุ่นใหม่ ๆ เขามีอะไรปรับแต่งเปลี่ยนแปลงจากรุ่นเก่าบ้าง เลยทำแบบนี้มาตลอด

นอกเหนือจากสิ่งที่ปรับแต่งไม่ยากแล้ว จะมีสิ่งหนึ่งที่ผมทำเสมอ คือ ตกแต่ง applet Date/Time เสียใหม่ โดยเพิ่ม วัน และ ทำสีของเวลาให้เข้มขึ้น

  1. เปิด gconf-editor ขึ้นมา
  2. ไปที่ /apps/panel/applets/clock_screen0/prefs
  3. แก้ไขค่า custom_format เป็น <span color="#777777">%A, %d %B %G</span> <b>%H:%M</b> รายละเอียดตัวแปรดูจาก strftime()
  4. แก้ไขค่า format เป็น custom เป็นอันเสร็จพิธี

ปล. ใช้ HTML4 Strict ไม่ได้นะเออ

Tags:

Slide in the box with jQuery

วันก่อนโน้นนั่งฟัง jQuery for Absolute Beginners ตอนที่เท่าไหร่ไม่รู้ เขาสอนเรื่องการทำให้ภาพเลื่อนลงโดยอยู่ภายในขอบเขตของภาพเดิม (เป็นยังไงกันแน่ดูจากใน demo ละกันนะครับ)

จุดสำคัญของการทำแบบนี้ แทนที่จะอยู่ที่ JavaScript กลับไปอยู่ที่การกำหนด CSS เสียอย่างนั้น โดยการสร้าง <div> มาครอบรูปทั้งคู่ไว้ ในขนาดของกล่องให้มีขนาดเท่ากับขนาดภาพ แล้วกำหนดตำแหน่งของรูปให้เป็น absolute ที่ตำแหน่ง (0,0) ส่วนรายละเอียดปลีกย่อยอื่น ๆ ดูได้จากใน code ครับ

ของเขาทำสไลด์ไปด้านเดียวคือ ด้านล่าง แต่การสไลด์ไปด้านอื่น ๆ ก็ทำได้ไม่ยากถ้าเข้าใจ ผมเลยทำเป็นแบบทั้งสี่ด้านเก็บไว้

Fade Image by jQuery

อันนี้ เวลาเอาเมาส์ไปชี้บนรูป แล้วรูปชัดขึ้น พอเอาเมาส์ออกไปแล้วรูปกลับไปจางเหมือนเดิม ทำได้ง่าย ๆ โดยการใช้ .hover, .animate() และ { "opacity" : <value> }

ถ้าไม่เข้าใจดูได้จาก Demo ละกันครับ

Increase/Decrease Font Size by jQuery

ครั้งก่อนเขียนการย่อ/ขยายขนาดฟอนท์โดยใช้ JavaScript อย่างเดียว แต่สำหรับคนที่ใช้ jQuery อยู่แล้ว มีทางเลือกอื่น คือใช้ความสามารถเกี่ยวกับ CSS ของ jQuery ได้เลย

Set Default Gateway in Ubuntu

ผมจำเป็นต้องอยู่ในวงแลนเพื่อทำงาน ซึ่งวงแลนนั้นก็สามารถเชื่อมต่ออินเทอร์เน็ตได้ แต่ผมต้องการที่จะใช้อินเทอร์เน็ตผ่าน 3G Modem ของผมเอง มันไม่เร็วกว่าหรอก เพราะในวงแลนก็ใช้เน็ตผ่านทาง 3G Modem เหมือนกัน เพียงแต่มันไม่ต้องไปแย่งกับใครเขาเท่านั้นเอง

บน Windows ทำได้ง่ายได้เพราะมีคำสั่ง Set as Default Connection ให้ แต่เพื่อความแน่ใจ ผมก็เลยเอา Gateway ออกไปด้วย แต่สำหรับ Ubuntu แล้ว ไม่มีคำสั่ง Set as Default Connection ให้ มิหนำซ้ำ หากไม่ใส่ Gateway ก็ไม่สามารถบันทึกการตั้งค่าระบบแลนได้อีกต่างหาก

มันจะไม่เป็นปัญหาสำหรับผม หากหากมันเลือกใช้เน็ตผ่าน 3G Modem แต่นี่มันดันเลือกใช้ผ่าน LAN แทน ผมพยายามนั่งค้นหาวิธีอยู่นานกว่าจะเจอเล่นเอาท้อไปเหมือนกัน ถ้าไม่ติดว่า เรียนเกี่ยวกับ Web Develop แล้วการทำงานบนลินุกซ์จะสะดวกกว่าแล้ว ผมคงจะไม่แวะเวียนมาหา Ubuntu อีก (Web Server ที่ผมเลือกมันเป็นลินุกซ์นี่)

Increase/Decrease Font Size by JavaScript

code สำหรับย่อ/ขยายขนาดฟอนท์ใน element โดยใช้ JavaScript ในตัวอย่างใช้หน่วยเป็น em เพื่อความสะดวกในเวลาสร้างหน้าเว็บ (และ W3C เขาแนะนำให้ใช้หน่วยนี้)

Code Snapshot for Web Developer

หนังสือเล่มนี้เอาไว้เอาไว้รวบรวม code snapshot ที่เกี่ยวกับการพัฒนาเว็บเป็นหลัก เพื่อกันลืม และแบ่งปันให้กับคนอื่น ๆ ที่สนใจ (และเผลอเข้ามาในเว็บผม)

ในทุก ๆ ตอนจะมีคำอธิบาย code สั้น ๆ อยู่ในตัว code เอง เพื่อความเข้าใจ และอีกอย่างพอเวลาผ่านไปนาน ๆ จะได้นึกออก

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

Pages