ขนาดภาพที่ Mobile Safari (iOS) สามารถแสดงผลได้เต็มที่

วันนี้เจอปัญหาที่เปิดภาพบน iPad แล้วมันไม่คมชัดเหมือนดูบนจอ Desktop เมื่อดูผ่าน Mobile Safari และ Chrome บน iPad เลยเกิดความสงสัยว่าทำไมถึงเจอปัญหาแบบนี้

เลยนึกขึ้นได้ว่าก่อนหน้านี้ก็เคยเจอปัญหาคล้ายๆ กันมาแล้ว แต่เป็นไฟล์ .png ที่มันจะมี limit ของตัว iPad, iPhone ที่มันไม่สามารถแสดงผลภาพที่มีขนาดใหญ่มากเกินความจุของ RAM เครื่องได้

ซึ่งคุณ William Malone ทำหน้าทดสอบขนาดไว้ให้ http://www.williammalone.com/articles/html5-javascript-ios-maximum-image-size/ เรียบร้อย

คือขนาดความกว้าง x ความยาวของรูป จะต้องไม่เกิน 5MP (สำหรับ iPhone 3GS จะเหลือ 3MP)

วิธีใส่ Lightbox (FancyBox) ลงไปใน WordPress Theme

ช่วงนี้มีงานที่ต้องใช้ Lightbox บนหน้าเว็บไซต์ แต่เราต้องการการ customize พิเศษอยู่สักหน่อย ก็เลยต้องหาวิธีที่จะเขียนมันใส่ไว้ใน Theme ของ WordPress ที่เราทำ เลยเจอ tutorial จากเว็บ tutsplus.com เจ้าประจำ สอนละเอียดยิบ สามารถทำตามได้เลย แจ่มจริงๆ

http://code.tutsplus.com/tutorials/add-a-responsive-lightbox-to-your-wordpress-theme--wp-28100

เมื่อ Pages บอกว่า Document could not be saved!

วันนี้นั่งทำคู่มือให้ลูกค้าด้วย Pages ตามปกติ แต่ไฟล์นี้ก็แก้ไขมานานพอสมควรแล้ว แต่วันนี้ก็ทำจนเสร็จ แล้วก็จะสั่ง Save แต่ปรากฏว่า Pages ฟ้องออกมาว่า Your Document could not be saved! ลอง Save as เป็นชื่ออื่นก็ทำไม่ได้ด้วยเช่นกัน

ก็เลยพยายาม export ออกมาเป็นไฟล์อื่นๆ เท่าที่มันจะทำได้

แต่สุดท้ายก็เลยลองสร้างไฟล์ใหม่ขึ้นมาเปล่าๆ แล้วก็ Copy ข้อมูลในเอกสารอันเดิมทั้งหมดไปลง เอ้อ! เซฟได้!

ก็เลยมาเขียนบันทึกไว้ว่าถ้าเจอเหตุการณ์ไฟล์เอกสารมันฟ้องว่าเซฟไม่ได้ ก็ให้ลอง copy ไปลงไฟล์ใหม่ดื้อๆ เลย ก่อนที่จะคิด Revert กลับไป

สร้าง Theme Wordpress ด้วยตัวเอง

ไปเจอ ebook บนเว็บ issuu.com ซึ่งเล่มนี้เค้าสอนสร้าง theme สำหรับ Wordpress แบบไม่มีอะไรเลย ใครสนใจอยากสร้าง theme ของตัวเองลองเข้าไปอ่านกันดูครับ

http://issuu.com/milko02010/docs/buildingwordpressthemesfromscratch-

บางทีปัญหาในการทำเว็บอาจจะเกิดจาก AdBlock ก็ได้

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

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

เลยมาเปิด Inspect Element ดู ถึงเห็นว่ามี Error 43 จุด เลยเปิดเช็คดู มันก็บอกว่ามันโหลด resource ไม่ได้ มาจากตัว browser เอง ก็เลยถึงบางอ้อว่า สาเหตุที่ทำให้มันเป็นแบบนี้เพราเจ้า adBlock ที่เราลงไว้น่ะเอง มันรู้จักว่า OpenX คือ AdServer มันเลย detect ในหน้านี้แล้วพบว่าน่าจะเป็นโฆษณาแน่ๆ เลยทำการ block ให้ซะเลย สุดท้ายก็แก้ด้วยการไปทำให้มันไม่ block เว็บของเราซะ ก็หายเป็นปกติละ เฮ้อ...

ควรเผื่อเวลาให้ผู้สูงอายุในการเดินไปไหนต่อไหน

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

เพิ่ม jQuery ลงใน Wordpress theme

เวลาทำเว็บที่ใช้ Wordpress ปกติใช้แต่ Theme สำเร็จรูป และก็ไม่ค่อยได้มีเหตุให้ต้องใช้ jQuery อะไรซักเท่าไหร่ แต่วันนี้ต้องแก้ปัญหาที่ใช้ CSS ไม่สำเร็จ ก็เลยต้องเอา jQuery มาใช้ใน Theme

แต่พอลองใส่ code jQuery เข้าไปมันดันไม่ทำงาน ลอง inspect ดูก็พบว่ามันไม่มีการเรียก library ของ jQuery ขึ้นมาน่ะเอง มันก็เลยไม่รู้จัก

ลองหาวิธีแก้ว่าจะเรียกยังไงถึงจะดี ก็เจอกระทู้นี้

https://wordpress.org/support/topic/include-jquery-in-headerphp-please-help

แล้วก็เลยกลับไปใส่เพิ่มบ้างลงใน header.php ซะเลย

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

จากนั้นก็เขียน jQuery ใส่เข้าไปโดยเปลี่ยนการใช้ $ ไปเป็น jQuery แทนทั้งหมดเช่น

จากเดิม

$(function(){
     $("#header").hide();
});

ก็เป็น

jQuery(function(){
    jQuery("#header").hide();
});

แต่จริงๆ เราสามารถใช้ $ เหมือนเดิมได้ด้วย แต่ให้ใช้แบบนี้

jQuery(document).ready(function($) {
 //code.
});