เป็นหนังที่มันส์จริงๆ เอา wallpaper สวยๆ ไปแปะหน้าจอกันดีกว่า

ตัวอย่างซัก 1 รูป

ดาวน์โหลด wallpaper Transformer ที่นี่เลยจ้า 7.6mb

ไปเจอภาพนี้มา ชอบจัง ดูยังไงมันก็คนละสี แต่เค้าบอกว่า A กะ B อะ มันสีเดียวกัน ก็เลยต้องพิสูจน์ด้วยการ เปิดด้วยโฟโต้ชอบเอา eyedropper ดูดสีมันซะเลย … ลองดูกันเอาเองนะ

สำหรับเว็บแกลลอรี่ ที่มีรูปภาพใหญ่ๆ กว่าคนที่เข้ามาจะได้ดูรูปอาจใช้เวลาโหลดนาน เราจะมาเขียน คลาสให้มี ตัวโหลดรูป เหมือน ที่ 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 ละกันครับ มันจะได้โหลดรูปใหม่

กลายเป็น ของจำเป็น และต้องใช้ไปซะแล้ว สำหรับ 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 ยังไง? อ่านต่อ คลิกที่นี่ »

มารู้จักกับ tag HTML กันอีก 2 ตัว เพื่อเพิ่มคุณภาพของเว็บเพจ ให้แน่นปึ้ก ตามหลักของ web standards
2 tag ที่ว่านั้นก็คือ <acronym>และ <abbr>

<acronym> มาจากคำว่า acronym แปลว่า ชื่อย่อที่ผสมมาจากตัวอักษรขึ้นต้นของแต่ละคำ เช่น

• HTML มาจาก Hypertext Markup Language
• CSS มาจาก Cascading Style Sheets

ตัวอย่างการใช้

<acronym title=”Radio Detecting And Ranging”>radar</acronym>

อ่านต่อ คลิกที่นี่ »