Category Archives: CSS

PXtoEM

ในการทำเว็บไซต์จำเป็นต้องกำหนดขนาดของตัวอักษรให้แสดงผลตามที่ต้องการ หน่วยที่ใช้วัดขนาดของตัวอักษรก็มีมากมาย… px หรือ pixel เป็นหน่วยของการกำหนดค่าขนาดของตัวอักษร แบบกำหนดค่าที่แน่นอน ซึ่งจะไม่สามารถขยายหรือย่อได้ตามความต้องการ em เป็นหน่วยแบบสัมพันธ์ ซึ่งจะต้องมีการกำหนดฐานว่าต้องการให้มีขนาดเท่าไร โดยที่ 1em จะมีขนาดเท่ากับตัวอักษรที่กำหนดเป็นฐาน การใช้หน่วย em นี้ เมื่อมีการขยายหรือย่อ ขนาดของตัวอักษรนั้นจะยืดหรือหดได้ตามต้องการ % หรือ percent หน่วยนี้จะคล้ายๆ em คือ 100% จะมีค่าเท่ากับขนาดฐานที่กำหนดไว้ pt หรือ point มีขนาด 1/72 นิ้ว 16px = 1em = 100% = 12pt …
Read more

Categories CSS Tags , , , comment1 Comment

Fail Whale by CSS ONLY!

วันนี้มีสิ่งที่น่าสนใจมาให้ดูกัน เป็นภาพ Fail Whale ของ twitter ซึ่งสิ่งที่จะได้เห็นต่อไปนี้ ทำจาก CSS ล้วนๆ เลย เจ๋งมากๆ การแสดงผลของ chrome และ safari จะแสดงผลเป็นภาพเคลื่อนไหว เนื่องจากใช้ webkit ตัวเดียวกัน firefox ก็ภาพสวยแต่ไม่เคลื่อนไหว ส่วน ie นั้นเหรอ ก็อย่างที่รู้ๆ กัน การแสดงผลค่อนข้างต่างจาก browser ตัวอื่นๆ จากโลมากลายเป็นหุ่นยนต์ไปซะงั้น อิอิ ยิ่งเจ้า ie6 ตัวดี นอกจากโลมาจะกลายเป็นหุ่นยนต์แล้ว นกที่แบกโลมาก็ดูท่าทางจะไม่ค่อยสบายด้วย ขอบคุณเรื่องราวดีๆ จาก Pure CSS Twitter …
Read more

Categories CSS Tags , , comment1 Comment