Link

Elephent.io

Elephent.io

Nodejs + Socket.io + PHP แล้วก็ตูมมมม กลายเป็นโกโก้ครันท์

Advertisements

WTF code 01

$total = $limit – (($current_page*$limit) – $total_rows);
if( $total==1 ){
    $total_page = $total_page – 1;
}

ไม่รู้ว่ามันคืออะไร
เข้าใจว่าเค้าต้องการจะหา $total_page ? เท่านั้น

Progressive JPEG

Ref: http://adavu.com/what-is-baseline-jpeg-and-progressive-jpeg/

รูป jpeg สามารถแสดงผลได้ 2 แบบคือ

1. Baseline JPEG
ก็คือจะค่อยๆโหลดเป็นส่วนๆ ค่อยๆแสดงรูปไปทีละส่วน
Image

2. Progressive JPEG
แสดงเป็นรูปเบลอๆไปก่อน แล้วค่อยๆแสดง
Image

จะเห็นว่า progressive นั้นจะให้ประสบการณ์กับ user มากกว่า คือถึงแม้ว่าจะมองไม่ชัดแต่ก็พอจะรู้ว่าเป็นรูป หรือเป็นรูปอะไร แตกต่างจาก baseline ที่ไม่สามารถรู้ได้เลยว่าเป็นรูปอะไร (แสดงเป็น layout ว่างๆ โล่งๆ)

ซึ่งการจะทำ progressive image ก็แค่เวลาจะ save for web ให้เลือกตรง progressive image แค่นั้น

จบป่ะ ?

android viewport

งมๆกับ android viewport
เหมือนจะไม่สามารถควบคุมได้ เพราะว่ามันขึ้นอยู่กับ setting ของมัน

แต่ว่า m.facebook กลับทำได้ m.facebook ทำได้อย่างไร ?

ข้อสันนิษฐาน
1. fluid layout ดังนั้นไม่ว่ากว้างหรือเล็กแค่ไหน layout จะไม่เสีย
2. <meta name=”viewport” content=”initial-scale=1,maximum-scale=1,user-scalable=no” />

แค่นี้เอง !

แต่ว่าเว็บไซด์โดยปกติที่เราจะทำ ไม่มี responsive design
วิธีการแก้ปัญหาเพื่อให้แสดงเว็บไซด์เต็มจอใน android ก็คือ

ใช้ serverside script ดักเอาเองว่ามาจาก device ไหน แล้วก็กำหนดขนาดของ viewport ลงไปเลยถ้าแสดงบน android 

จบป่ะ !