wallpaper จากภาพยนตร์เรื่อง Tranformers
Jun 29th
เป็นหนังที่มันส์จริงๆ เอา wallpaper สวยๆ ไปแปะหน้าจอกันดีกว่า ;)
ตัวอย่างซัก 1 รูป
ดาวน์โหลด wallpaper Transformer ที่นี่เลยจ้า 7.6mb
Jun 29th
เป็นหนังที่มันส์จริงๆ เอา wallpaper สวยๆ ไปแปะหน้าจอกันดีกว่า ;)
ตัวอย่างซัก 1 รูป
ดาวน์โหลด wallpaper Transformer ที่นี่เลยจ้า 7.6mb
Jun 29th
ไปเจอภาพนี้มา ชอบจัง ดูยังไงมันก็คนละสี แต่เค้าบอกว่า A กะ B อะ มันสีเดียวกัน ก็เลยต้องพิสูจน์ด้วยการ เปิดด้วยโฟโต้ชอบเอา eyedropper ดูดสีมันซะเลย … ลองดูกันเอาเองนะ
Jun 23rd
สำหรับเว็บแกลลอรี่ ที่มีรูปภาพใหญ่ๆ กว่าคนที่เข้ามาจะได้ดูรูปอาจใช้เวลาโหลดนาน เราจะมาเขียน คลาสให้มี ตัวโหลดรูป เหมือน ที่ ajax เค้าใช้กัน แต่เราจะใช้ css อย่างง่ายๆ นี่แหละั
.preload{ background: url(loading.gif) no-repeat 50% 50%; }
คลาส preload จะมี แบ็คกราวน์ อยู่ตรงกลางที่ โดยเราใส่ 50% นั่นคือเลื่อนตามแนวแกน x และ y ตามความกว้างสูง ของรูป การนำไปใช้ใส่ คลาสที่ img เช่น
<img src=”test.jpg” class=”preload”>
ส่วนรูปที่จะใช้ เราทำ gif ง่ายๆ เองก็ได้ ผมมีเก็บไว้ 2 รูป ไม่รู้ที่ไหนมีให้โหลดบ้าง อยากได้อยู่เหมือนกัน หาแล้วก็ไม่เจอ ใครมีก็เอามาแจกกันมั่งนะ อันนี้ใส่ bg สีดำ ไว้ไม่งั้นไม่เห็น คลิกขวาเซฟเอาละกันนะ
ตัวอย่าง รูปที่ใช้ preload1.html ถ้าดูไม่ทัน กด Ctrl+f5 ละกันครับ มันจะได้โหลดรูปใหม่
Jun 10th
กลายเป็น ของจำเป็น และต้องใช้ไปซะแล้ว สำหรับ add-ons? Firefox ตัวนี้? Fire bug หลังจากที่บริษัทผมได้ให้ทีม production ที่ทำ css กว่า 60 คน เปลี่ยนการใช้ตัวมาตรฐานในการเทส css จาก IE6 มาเป็น Firefoe 1.5 เพราะว่า ถ้าดูได้สมบูรณ์ที่ Fx1.5 เบราเซอร์อื่นๆส่วนใหญ่มักจะเหมือนกัน ทำให้ลดเวลาการแก้ไขลงไปได้
Fire bug ใช้ทำไรได้มั่ง เค้าบอกว่า “You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…” ใช้ แก้ css แบบเห็นๆกันสดๆ บนเบราเซอร์กันไปเลย? ไม่ต้องแก้ไฟล์ css แล้ว อัพขึ้น server แล้ว รีเฟรช ค่อยเห็นผล บางทีแก้นิดๆหน่อย อัพไปอัพมา เสียเวลามาก แล้วมันดีกว่า web developer tool bar ยังไง? Read more…
Recent Comments