Skip to content

Responsive web design resources

รวมๆ resources ในการทำ responsive web design เผื่อมีโอกาสได้ทำอีกจะได้ไม่ต้องไปควานหาในเน็ตให้เหนื่อย

  • [Recommended] Twitter Bootstrap พักหลังงาน UI ผมใช้เจ้านี่แทน jQuery UI ไปหลายงานแล้วแต่ละตัวมีข้อดี-ข้อเสีย ใช้ร่วมกันก็ได้เหมือนกัน
  • [Recommended] Respond.js ตามคำโปรยเขาเลย “A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)”
  • CSS3 Media Queries เลือกใช้อันข้างบนหรืออันนี้ก็ได้ “Make CSS3 Media Queries work in all browseres”
  • [Recommended] HTML5Shiv ทำให้ IE รุ่นที่ต่ำกว่า IE9 ใช้ tag HTML5 ได้
  • IE7-js fix บั๊ก CSS ต่างๆ ที่ IE7 และต่ำกว่าแสดงผลไม่เหมือนชาวบ้านชาวเมืองเขา จริงๆ ตอนนี้มีถึง IE9-js แล้วนะ ถ้าดาวน์โหลดตัวนี้มาจะ cover IE รุ่นต่ำกว่าด้วย *หมายเหตุ: ใช้แล้วเว็บโหลดช้า
  • CSS3PIE script hack ให้ IE6-7 รองรับ CSS3 บางตัวเช่น border-radius, box-shadow, text-shadow etc. ก็ไม่ใช่ให้รองรับซะทีเดียวแต่เป็นการ “ทดแทน” ให้ใกล้เคียงที่สุด หน้าตาบางอย่างที่ออกมาเลยไม่ค่อยสวยหรือบางอันก็ไม่รองรับแบบ full-options และข้อเสียอีกอย่างคือทำให้หน้าเว็บโหลดช้าขึ้นเพราะ initial ตอนเริ่ม start จะช้าซัก 1 วินาที บวกลบหน่อยๆ

Be First to Comment

Leave a Reply

Your email address will not be published.