เมื่อเราเขียน css เสร็จแล้ว อาจมีบางตัว ที่เขียนขึ้นโดยไม่จำเป็น หรืออาจเป็นการเขียนที่ซ้ำซ้อนกัน บาง class บาง id สามารถเขียนแบบสั้นได้ ย่อได้ หดได้ เพื่อที่จะโหลดให้ไวที่สุด เราจะมาใช้ tools ที่มีอยู่กัน ซึ่งเว็บเหล่านี้ให้บริการ ลดโค้ดที่ไม่จำเป็น และปรับให้อยู่ในรูปแบบย่อ โดยที่เราไม่ต้องมานั่งไล่หาเอง

• http://www.cleancss.com/
• http://www.cssdev.com/csstweak/
• http://flumpcakes.co.uk/css/optimiser/
• http://www.cssdrive.com/index.php/main/csscompressor/

ลองเข้าไปใช้บริการกันดูจ้าา

Conditional comments

เป็นส่วนคอมเม้นท์ที่ใช้กับ IE ใช้เมื่อเวลาเราทำหน้าเว็บเขียน css เสร็จแเรียบร้อยแล้ว เบราเซอร์อื่นทำงานปกติดี หน้าตาสวยงาม แต่ IE เจ้ากรรม ดันแสดงผลไม่เหมือนชาวบ้านเค้า เราก็ต้องเขียน css เฉพาะของ IE ขึ้นมา เพื่อทำงานทับบางส่วนที่เสียหาย ให้คุณเพิ่มโค้ดนี้ในส่วน head แต่ให้อยู่ใต้การเรียกไฟล์ css ของหน้าที่ต้องการแก้ เพื่อให้คอมเม้นนี้อยู่ด้านล่าง

<!–[if IE 6]>

ใส่ตั้งแต่ <style type=”text/css”>……….จนปิด </style> css ในส่วนนี้จะถูกอ่านที่เบราเซอร์ IE6

<![endif]–>

มีการใช้หลายๆแบบดังนี้

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

อาจจะมี web designer บางคน ที่ออกแบบเว็บไซต์ แล้วอยากจะได้ กรอบ แบบใสๆ เห็นพื้นหลัง แต่ปัญหาที่ทำให้เรา ต้องเลิกใช้มัน ก็คือ

1. ถ้าทำให้ใส ด้วยภาพ ชนิด png มันจะใช้ได้เฉพาะ browser ใหม่ๆ IE6 ไม่ใสด้วย
2. ทำให้ใสด้วยโค้ด css เช่น Microsoft.gradien, filter ต่างๆ ก้ใช้ได้เฉพาะ IE เบราเซอร์อื่นไม่เล่นด้วย
3. ใช้ภาพ png แล้วใช้โค้ด png ie fix ก็ได้เหมือนกัน แต่ต้องใช้ png รูปใหญ่มาก ไฟล์หนัก โหลดช้า ไม่คุ้มค่าการใช้งาน

เว็บไซต์ เดลินิวส์ ในส่วน เมนูบาร์ใช้โค้ด css ทำให้ใส

แอบเข้าไปดู css หน่อยซิว่าเขียนอะไรยังไง ใช้ web delveloper toolbar เจอแล้วเขียนแบบนี้น่ะเอง อ่านต่อ คลิกที่นี่ »

AC Milan Vs Liverpool (UEFA Champions League Final 06/07)

มาดูไฮไลต์กัน เมื่อคืน ตั้งปลุกแต่ไม่ได้ยินหลับยาว เหอๆ เลยต้องมาหาวีดีโอดูแต่เช้า อินซากี้ ฮีโร่ จริงๆ แต่ก่อนที่เล่นวินนิ่ง 4 ชอบใช้ อินซากี้ยืนหน้า เหอๆ ลูกเก่งของเค้าเลยล่ะ พุ่งตัวออกไปเฉียดๆ ล้ำหน้าเนี่ย ไม่มีปาฏิหาริย์ เหมือน 2 ปีก่อนอีกแล้ว





อันนี้ 2 ปีที่แล้ว โดนนำ 3-0 กลับมาเสมอ 3-3 แล้วยิงลูกโทษ ชนะ สุดยอดจริงๆ
อ่านต่อ คลิกที่นี่ »

Size: 89.4 KB
W3C: XHTML 1.0
CSS: Yes
Tableless Design: Yes