Archive for July, 2007

CSS support in Safari Mac

สำหรับคนที่ทำเว็บให้ ชาว MAC ซึ่งส่วนใหญ่ก็ใช้ เบราเซอร์ Safari เพราะเป็นเบราเซอรประจำเครื่อง เราก็ควรจะรู้ก่อนว่า safari ยอมรับ property ไหนบ้าง ที่เวอชั่นอะไรแต่ส่วนใหญ่แล้ว ถ้าเขียนให้ firefox อ่านได้ Safari ก็มักจะไม่มีปัญหาอะไร ไปดู property ที่ Safari รับได้ ที่นี่ครับ CSS support in safari Mac     ส่วน Safari windows ที่ออกมาใหม่นั้น ก็ยังเป็น beta อยู่ อ่าน font thai ไม่ค่อยสวยเท่าไร ไม่รู้ว่าการอ่าน css จะเป็นไงบ้าง ถ้ามันอ่านได้เหมือน mac ละก็ จะเป็นเรื่องดีมาก เพราะผมจะได้ไม่ต้องไปเทส เว็บที่เครื่อง mac แล้วมาเทสที่ window แทน เท่าที่ลองใช้ดู ต่างกันอยู่นิดหน่อยครับ เรื่องฟ้อน เรื่องลิ้งค์ ต้องขอเวลาศึกษาอีกซักระยะ ข้อดีที่สุดเห็นจะเป็นเรื่องความเร็วของการเปิดหน้าเว็บนี่ล่ะครับ เร็วจริงๆให้ดิ้นตาย ยังกับเปิดหน้า html ในเครื่องตัวเองยังงั้นเลย firefox ว่าเร็วกว่า ie7 แล้วนะ เจอ safari window เข้าไป formula1 มากๆ  ใครอยากลองใช้ก็ไปดาวน์โหลด ได้ที่นี่ครับ Safari window beta

Related Articles

  • Share/Bookmark
Categories: Tip & Trick
Tags:

CSS Hack IE7

Internet Explorer 7 เป็นอีกเบราเซอร์หนึงที่มีปัญหามากมายเหลือเกิน ทั้งด้าน javascript ,Thai font และ CSS เราก็ต้องมาตาม hack มันอีกเช่นเคย
IE7 เท่านั้น อ่านบรรทัดนี้

*:first-child+html เว้นวรรค ตามด้วยคลาส ไอดี ที่คุณอยากจะสั่งมัน {}
เช่น *:first-child+html .ss {font-size:10px}

ส่วนแบบนี้เคยเขียนถึงไว้แล้ว

html>body เว้นวรรค ตามด้วยคลาส ไอดี ที่คุณอยากจะสั่งมัน {}แบบนี้IE7 และ เบราเซอร์ใหม่ๆ อ่านได้ครับ เว้น IE6

เบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ยกเว้น IE7

html>/**/body เว้นวรรค ตามด้วยคลาส ไอดี ที่คุณอยากจะสั่งมัน {}

ลองนำไปประยุกต์ใช้กันดูครับ เผื่อว่าใครอยากจะทำเว็บให้ support IE7 ด้วย

update 4 Jul 2007
อธิบายเพิ่มเติม
ถ้าเราเขียน

.ss{margin:10px 5px 5px 5px}

เบราเซอร์อื่นทำงานปกติ สมมติว่า ie7 ไม่เป็นไปตามนี้ อาจเป็นเพราะ อะไรก็แล้วแต่ ซึ่งก็ไม่รู้เหมือนกัน เราก็แฮ็กให้ ie7 เท่านั้นจะทำตามบรรทัดล่างนี้ เช่น

*:first-child+html .ss{margin:7px 5px 5px 5px} ie7 ก็จะอ่านบรรทัดนี้ครับ ซึ่งเราจะแก้ไขค่าข้างใน อะไรก็แก้ไป ให้ preview มาแล้วมันดูดีเหมือนเบราเซอร์อื่น

ส่วน *:first-child+html คำนี้มาจากไหน มีเหตุผลอะไร ทำไมต้องเขียนแบบนี้ ต้องบอกตามตรงว่า ไม่ทราบครับ รู้แต่ว่าเป็นช่องโหว่ของเบราเซอร์ ที่เมื่อเขียนแบบนี้แล้ว จะทำให้ ie7 อ่านได้แต่ เบราเซอร์อื่นจะไม่เห็น การ hack ของแต่ละเบราเซอร์ แต่ละเวอชั่น ก็จะมีรูปแบบต่างกันไปครับ

Related Articles

  • Share/Bookmark
Categories: CSS hacks
Tags: