ค้นหา
ไม่สามารถ กำหนด opacity ได้บน IE
https://www.goragod.com/index.php?module=knowledge&id=712
ไม่รู้ว่าเคยเจอปัญหานี้กันหรือเปล่า คือ ไม่สามารถกำหนด opacity ให้กับ Element บางตัวได้บน IE แต่ค่าที่กำหนดสามารถทำงานได้บน Browser อื่นๆ การกำหนด
Facebook Like Box แบบ Responsive
https://www.goragod.com/index.php?module=knowledge&id=3692
เราสามารถแสดงผล Facebook Like Box ในแบบ Responsive ได้ง่ายๆ ด้วย CSS ครับ
การใช้งาน Template กับเว็บไซต์ (ตอนที่ 1)
https://www.goragod.com/index.php?module=knowledge&id=467
โดยปกติแล้ว ในการออกแบบเว็บสมัยใหม่ เรามักแยกเว็บออกเป็น 2 ส่วนแยกจากกันโดยเด็ดขาด ก็คือ ส่วนที่เป็นเนื้อหา และส่วนที่เป็นรูปแบบ เหตุผลในการทำเช่นนั้
เทคนิคการเร่งความเร็ว CSS ตอนที่ 1
https://www.goragod.com/index.php?module=knowledge&id=3683
มีหลากหลายวิธีในการเพิ่มประสิทธิภาพของเว็บไซต์เพื่อให้มีความเร็วสูงสุด ซึ่ง CSS ก็เป็นหนึ่งในสิ่งที่ต้องให้ความสำคัญ เนื่องจาก CSS คือส่วนที่ควบคุม
ออกแบบและใช้งาน Template (ตอนที่ 2)
https://www.goragod.com/index.php?module=knowledge&id=640
ผมได้พูดถึงภาพรวมของ Template ไปแล้ว เราจะมาเริ่มต้นออกแบบ Template อย่างง่ายๆด้วย PHP กัน หลักการของ Template แบบนี้คือ ใช้ หน้าแรกของเว็บไซต์ inde
เทียบเคียง property ของ CSS กับคำสั่งของ Javascript
https://www.goragod.com/index.php?module=knowledge&id=304
เมื่อต้องการใช้ javascript เพื่อกำหนด style สามารถเทียบเคียงคำสั่งของ javascript กับ CSS ดังนี้
เมื่อ IE ไม่สามารถรับ Event ใน Element เปล่าๆได้
https://www.goragod.com/index.php?module=knowledge&id=3199
เคยบ้างมั้ยครับที่สร้าง Element เปล่าๆ ไม่มีอะไรอยู่ข้างใน แต่มันมีปัญหากับ IE อีตรงที่มันไม่สามารถรับอีเวนต์ของเมาส์ได้ ไม่สามารถรับ Event mousem
อ่านความกว้าง สูง ของ DOM ด้วย Javascript
https://www.goragod.com/index.php?module=knowledge&id=292
การอ่านความกว้างและสูงของ element มีความแตกต่างกันในแต่ละ Browser ครับ ลองมาดูฟังก์ชั่นแต่ลพตัว ที่สามารถใช้ได้บน Browser ของคุณ
เมื่อ IE คืนค่า offsetWidth ของ table เป็น 0
https://www.goragod.com/index.php?module=knowledge&id=477
ปัญหานี้ไม่เกิดขึ้นบน Browser อื่นเช่น FireFox หรือ Opera ครับ มันเกิดขึ้นกับ IE อย่างเดียว ลองดูตัวอย่างโค้ดเจ้าปัญหา
ทำความเข้าใจกับ Microdata
https://www.goragod.com/index.php?module=knowledge&id=3566
Microdata ถูกแนะนำให้ใช้ร่วมกับ HTML5 ด้วยการแทรกเข้าไปยัง HTML โดยตรง โดยที่ Microdata ถูกใช้เพื่ออธิบายเกี่ยวกับองค์ประกอบของหน้าเว็บ ซึ่งจะถูกใช
padding และ margin
https://www.goragod.com/index.php?module=knowledge&id=131
เคยพบปัญหาเวลาใช้ form แล้วมีบรรทัดว่างๆ เกินมามั้ยครับ หรือว่า ใช้ browser ต่างๆกันแล้ว แสดงผลไม่เหมือนกัน
คำแนะนำการใช้งานเว็บ
https://www.goragod.com/index.php?module=knowledge&id=59
โปรดอ่านคำแนะนำนี้ก่อนใช้งานเว็บทุกท่านครับ เพื่อความสะดวกในการใช้งาน
บทที่ 6 แนะนำ CSS
https://www.goragod.com/index.php?module=knowledge&id=3672
CSS อ่านว่า ซี เอส เอส ย่อมาจากคำว่า Cascading Style Sheets คือภาษาอีกภาษาหนึ่งที่ใช้ร่วมกับ HTML ทำหน้าที่ในการกำหนดคุณสมบัติให้กับแท็กต่างๆ ให้
บทที่ 9 แนะนำการเขียน CSS เบื้องต้น ตอน ชื่อแท็ก
https://www.goragod.com/index.php?module=knowledge&id=3675
โดยปกติแล้วแท็กต่างๆจะมีการกำหนดรูปแบบเริ่มต้นที่กำหนดมาโดยบราวเซอร์อยู่แล้วครับ เช่น รูปแบบเริ่มต้นคือแสดงตัวอักษรเป็นตัวหนา หรือ เทียบก
บทที่ 7 แนะนำการเขียน CSS เบื้องต้น ตอน คลาส
https://www.goragod.com/index.php?module=knowledge&id=3673
ลองดูโค้ดในตัวอย่างแรกกันเลยครับ สามารถทดลองนำโค้ดไปทดสอบบนบราวเซอร์จริงๆได้นะครับ โดยก๊อปปี้โค้ดไปวางบน Notepad แล้วบันทึกเป็นไฟล์ แล้วทดสอบบนเว็
เทคนิคการ วางกรอบกลางวินโดวส์เสมอ
https://www.goragod.com/index.php?module=knowledge&id=301
เทคนิคการ วางกรอบกลางวินโดวส์เสมอ ด้วย CSS ครับ ไม่ต้องพึ่ง Javascript
CSS3 Family Tree
https://www.goragod.com/index.php?module=knowledge&id=3748
โค้ด HTML CSS3 สำหรับการสร้างแผนผังต้นไม้ เช่น แผนผังลำดับญาติ เป็นต้น
google chrome แสดงผลผิดพลาด
https://www.goragod.com/index.php?module=blogs&id=3146
3 วันที่ผ่านมารู้ว่า google chrome มีปฏิกริยาแหลกๆ กับ css3 เนื่องจากว่าก่อนหน้านี้เคยแสดงผล css animation ได้อย่างดี ปรากฎว่าอยู่ๆ ก็แสดงผลเพี้ยน
บทที่ 8 แนะนำการเขียน CSS เบื้องต้น ตอน ไอดี
https://www.goragod.com/index.php?module=knowledge&id=3674
การเขียน CSS โดยใช้ไอดี id ของ HTML ก็เหมือนๆกันกับการใช้คลาสในบทก่อนหน้านั่นแหละ สิ่งที่แตกต่างกันมีแค่เปลี่ยนมาใช้เครื่องหมาย # อ่านว่า ชาร์ป
เทคนิคการเร่งความเร็ว CSS ตอนที่ 3
https://www.goragod.com/index.php?module=knowledge&id=3685
การใช้คำสั่ง CSS ที่ถูกต้องก็มีความสำคัญเช่นกัน เนื่องจาก CSS ที่มีประสิทธิภาพจะทำให้การ Render หน้าเว็บ แสดงผล มีความเร็วในการทำงานสูง