Archive for Tip & Trick

ทำ layout ให้สูงเท่ากันทุกคอลัมน์

eqh
ปัญหาคอลัมน์ยืดยาวไม่เท่ากัน มีรูปแบนเนอร์ที่ต้องการให้อยู่ชิดล่างตลอด มีวิธีแก้ดังต่อไปนี้
อ่านต่อ คลิกที่นี่ »

ความเห็น (3)

ทำ SEO ให้ URL โดยใช้ Mod_Rewrite

Mod_Rewrite คืออะไร?
Mod_Rewrite คือการแปลง URL ที่ดูยากให้อยู่ในรูปแบบที่เราต้องการ เพื่อประโยชน์หลายด้าน (ซึ่งจะกล่าวถึงต่อไป) และการแปลงเพื่อประโยชน์ด้าน SEO ก็เป็นอีกอันนึงที่มีการนำเอา Mod_Rewrite มาใช้ เพราะเรารู้กันดีว่า Search Engine ไม่ค่อยชอบ pages ที่เป็น dynamic ที่มี query string ยาวเฟื๊อย

ตัวอย่าง URL ที่ยาว และซับซ้อน
โค้ด:

http://www.site.com/viewcatalog.asp?category=hats&prodID=53

เมื่อผ่านการแปลง เราสามารถทำให้สั้นลงได้ดังนี้
โค้ด:

http://www.site.com/catalog/hats/53/

เริ่มทำ Mod_Rewrite
บาง Server ไม่สามารถจะทำ Mod_Rewrite ได้เนื่องจากไม่ได้ติดตั้ง Module Mod_Rewrite ดังนั้นถ้าเราจำเป็นต้องใช้ Mod_Rewrite ก็ต้องตรวจสอบดีๆก่อนเช่า host

.htaccess ไฟล์สำคัญในการทำ Mod_Rewrite
เราจะใช้ไฟล์นี้ในการกำหนด Rule ของการทำ Mod_Rewrite
เริ่มต้นด้วยคำสั่ง

RewriteEngine on

เพื่อเปิดการทำงาน เขียนไว้ในบรรทัดแรกสุดของไฟล์

ต่อไปจะเป็นการนำเอา Mod_Rewrite ไปให้งาน ซึ่งผมจะเริ่มด้วยตัวอย่างง่ายๆ และเขียน Rewrite Rule ง่ายก่อน แล้วก็ยกตัวอย่างต่อไปเรื่อยๆนะครับ
อ่านต่อ คลิกที่นี่ »

ความเห็น (30)

ลง IE6 IE7 ในเครื่องเดียวกัน

ก่อนอื่น ถ้าเครื่องของคุณ ใช้ Internet explorer 6 อยู่ ผมขอแนะนำ ให้อัพเกรดเป็น 7 ซะก่อน ครับ ส่วนวิธี ที่จะทำให้ windows ของคุณผ่านการตรวจสอบก่อนลง IE7 นั้น ลองเสิชกูเกิลหาดูครับ มีอยู่มากมาย
เมื่อเครื่องของคุณเป็น IE7 แล้ว คุณไม่สามารถที่ลง IE6 แบบปกติได้ ดังนั้น

ดาวน์โหลดตั้วนี้ไปครับ

Download Multiple IE installer (10.3MB)

จากนั้นก็ทำการ install

multiple ie

เมื่อกด next มาจนถึงหน้าต่างนี้ คุณก็ติ๊ก IE สมัยพระเจ้าเหาออก หากคุณไม่ต้องการลงมัน เอาเฉพาะ IE6 ก็พอแล้วนะผมว่า แต่ที่บริษัทผมต้องเช็ก IE5.5 ด้วยครับ แต่ก็เอาเฉพาะ Homepage เท่านั้น

แค่นี้เอง คุณก็จะสามารถเปิด IE6 IE7 ได้พร้อมๆกัน สำหรับตรวจสอบความถูกต้องของหน้าเว็บไซต์ของคุณ

ขอบคุณ ไฟล์ดาวน์โหลด และวิธีการจากเว็บไซต์ http://tredosoft.com/Multiple_IE

ความเห็น (35)

อัพเดท script fix png สำหรับ IE6, IE5.5

มีสคริปมาอัพเดทกัน 1 ตัวครับ อันเดิมคือ อันนี้ครับ
วิธีแก้รูป png ใน IE มีพื้นสีเทา จากอันเดิมที่ว่ามันไม่สามารถ ใช้ png ใส มาเป็น background repeat ได้ แต่บัดนี้ มันทำได้แล้วครับ ลองโหลดไปใช้กันดู ไฟล์สคริป พร้อมตัวอย่าง

ดาวน์โหลด IEpngfix

*แต่ยังกำหนด background-position ไม่ได้เหมือนเดิม อยู่ซ้ายบนตลอดครับ :P

ความเห็น (7)

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

ความเห็น (8)

« ก่อนหน้านี้ Project-Id-Version: Wordpress 2.7 Report-Msgid-Bugs-To: wp-polyglots@lists.automattic.com POT-Creation-Date: 2009-02-08 16:55+0000 PO-Revision-Date: 2009-02-11 23:48+0700 Last-Translator: kazama Language-Team: Thai MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Plural-Forms: nplurals=1; plural=0; X-Poedit-Language: Thai X-Poedit-Country: THAILAND X-Poedit-SourceCharset: utf-8 Project-Id-Version: Wordpress 2.7 Report-Msgid-Bugs-To: wp-polyglots@lists.automattic.com POT-Creation-Date: 2009-02-08 16:55+0000 PO-Revision-Date: 2009-02-11 23:48+0700 Last-Translator: kazama Language-Team: Thai MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Plural-Forms: nplurals=1; plural=0; X-Poedit-Language: Thai X-Poedit-Country: THAILAND X-Poedit-SourceCharset: utf-8
email

จัดส่งถึงที่ โดย

ลิ้งค์สำหรับ rss reader


ลงโฆษณา ติดต่อ cssmaster@divland.com
ASTORE Astoreblog.com
LOAD uploadtoday.com