งานทำเว็บบางครั้งต้องมีการ upload รูปหรือไฟล์บ้างซึ่งจะมี file inputs เป็นตัวกลางเพื่อให้ผู้ใช้กดปุ่มเพื่อไปดึงไฟล์หรือรูปมาอัพโหลด (upload) ซึ่งหน้าตาก็จะเป็นประมาณรูปด้านล่างนี้

วันนี่มี CSS Effect เล็กๆน้อยๆ ไว้ช่วยในเรื่อง UI เวลาเราเลือก checkbox แล้วอยากให้มี Highlight แสดง ตัวอย่างนี้แสดงแบบง่ายๆคือเมื่อเลือกแล้วให้ label แสดงตัวหนา เพื่อจะได้มีประโยชน์เวลารายการข้อมูลเยอะอาจจะลายตาจนทำให้ไม่รู้ว่าเราเลือกอะไรไปบ้าง โดยจะ support พวก web browsers ที่ทันสมัยใหม่ๆหน่อยครับ ผมลองทดสอบกับ Firefox ,Chrome และ Safari ไม่มีปัญหา แต่ IE 7-8 ใช้ไม่ได้ส่วน 9-10 คิดว่าน่าจะได้ครับ

ใช้ css มาก็บ่อย บางทีใช้ Cursor Styles ก็ไปค้นในเน็ตเริ่มเสียเวลาเอามาไว้ในเว็บนี้เลยแล้วกัน และด้านล่างนี้เป็นรูปแบบ CSS Cursor แบบต่างๆตั้งแต่ CSS2-CSS3 ลองเอาไปปรับใช้ให้เหมาะกับอินเตอร์เฟสในหน้าเว็บครับ

ปกติ facebook ก็ค้นหารูปให้อยู่แล้ว แต่บางกรณีก็ไม่เจอ (เพราะอะไร???) เลยต้องสร้างเองเลย วิธีการคือให้สร้างรูป Thumbnail และ upload ไว้บนเว็บ จากนั้นใส่ Tag ไว้ภายใน Tag Head