ค้นหา
Responsive web design บทที่ 3
https://www.goragod.com/index.php?module=knowledge&id=3551
สิ่งที่ต้องทำเพื่อให้เว็บของเราเป็นแบบ Responsive 1 กำหนด Viewport เพื่อบังคับให้บราวเซอร์ไม่ต้องทำการย่อ ขยายหน้าเว็บ โดยกำหนดไว้ภายใน tag head ต
ปุ่มกด style Windows XP
https://www.goragod.com/index.php?module=knowledge&id=237
ปุ่มกด 3 สถานะ สไตล์ Windows XP เมื่อเมาส์อยู่บน เมื่อกดเมาส์ และ เมื่อเมาส์ออกจากปุ่ม
Cascading style sheets (CSS) properties
https://www.goragod.com/index.php?module=knowledge&id=634
ตารางค่าและคุณสมบัติของ CSS Attribute Property Possible Values background attachment value fixed, default background color: color a color value backg
CSS3 gradient cross browser
https://www.goragod.com/index.php?module=knowledge&id=2966
เราสามารถสร้างพื้นหลังแบบ gradient ได้โดยไม่ต้องใช้รูปภาพ โดยใช้คำสั่ง ของ CSS3 แต่เนื่องจากบราวเซอร์แต่ละยี่ห้อ มีคำสั่งที่ไม่เหมือนกัน มาลองเรียน
CSS กลางจอ ตอนที่ 1
https://www.goragod.com/index.php?module=knowledge&id=669
เรื่องของกลางจอ เนี่ย จะดูว่าง่ายก็ง่าย จะยากก็ยากนะครับ เนื่องจากในบางครั้งเราอาจพบว่าบราวเซอร์แต่ละยี่ห้อแสดงผลไม่เหมือนกัน ซึ่งในความเป็นจริงแล้
HTML Highlighter
https://www.goragod.com/index.php?module=knowledge&id=85
ทำ hilight ได้ 2 ลักษณะ คือ ใช้ BBCode เช่น หรือ ทำ highlight เมื่อ อยู่ภายใน สัญลักษณ์ของโค้ด นั้นๆ เช่น lt; gt;
ไฮไลท์ข้อความด้วย Javascript
https://www.goragod.com/index.php?module=knowledge&id=380
การค้นหาข้อความบนเพจด้วย Javascript และทำ highlight ข้อความที่พบ
HTML5 และ CSS3 ตอนการเขียน HTML5
https://www.goragod.com/index.php?module=knowledge&id=3179
กฏการเขียน HTML5 จะว่าไปก็คล้ายกับการกลับไปเขียน HTML แบบผิดๆที่นิยมเขียนกันในแบบสมัยก่อน เพราะจุดประสงค์ของการใช้งานมาตรฐาน HTML5 ก็เพื่อให้เราสาม
เทคนิคการใช้งานรูปภาพ Sprite
https://www.goragod.com/index.php?module=knowledge&id=778
รูปภาพ Sprite หมายถึง รูปภาพขนาดใหญ่ ที่ประกอบด้วยรูปภาพเล็ๆจำนวนมากภายในรูปภาพนั้นๆครับ ซึ่งการใช้รูปภาพ Sprite กับเว็บไซต์ มีข้อดีที่ รูปภาพจะถูก
เมื่อ Rollover Menu คลิกแล้วไม่เปลี่ยน
https://www.goragod.com/index.php?module=knowledge&id=613
มีคำถามมาจากกบอร์ดเกี่ยวกับ Rollover Menu ผมเลยเอาโค้ดมาลงให้ดู เผื่อมีใครสนใจเหมือนกัน และเพื่อเป็นกรณีศึกษา คำถามมีอยู่ว่า ได้ออกแบบ Rollover Menu
ดาวน์โหลด แบบ goragod.com
https://www.goragod.com/index.php?module=knowledge&id=205
หน้าดาวน์โหลดแบบที่เห็นบนเว็บนี้ครับ
การกำหนด Layout ของเพจ
https://www.goragod.com/index.php?module=knowledge&id=147
โค้ด Layout หน้าเว็บผม ยังใช้เป็นตารางอยู่ครับ
ลิงค์หรือเมนู ด้วย CSS
https://www.goragod.com/index.php?module=knowledge&id=270
เมนูสวยๆ ด้วย CSS ไม่ต้องใช้รูปภาพ
เครื่องมือสำหรับการออกแบบเว็บไซต์
https://www.goragod.com/index.php?module=knowledge&id=472
ไม่ว่าคุณจะทำอะไรก็ตาม เครื่องมือ สำหรัีับช่วยในการทำงานให้สำเร็จลุล่วง นับว่าสำคัญอย่างยิ่ง ลองมาดูเครื่องมือที่ผมใช้ในการออกแบบเว็บไซต์กัน เอดิเตอร
Universal Selector
https://www.goragod.com/index.php?module=knowledge&id=515
หลายๆคนคงสงสัยว่า Universal Selector คืออะไร มันคือเครื่องหมายดอกจันทน์ ที่เราใช้กันใน CSS ครับ * ดูตัวอย่างการใช้ * ใน CSS นะครับ ซึ่งจะมีผลทำให้
GAJAX บทที่ 18 การรับส่งข้อมูลชนิด Text
https://www.goragod.com/index.php?module=knowledge&id=588
การรับส่งค่าด้วย Ajax แบบ Text เป็นการรับส่งค่าพื้นฐานด้วย Ajax เป็นการส่งค่าจาก Browser ไปยัง Server เพื่อร้องข้อข้อมูลใดๆ แล้ว Server จะส่งข้อมูล
CSS Cursors properties
https://www.goragod.com/index.php?module=knowledge&id=503
ตารางแสดง ค่า property ต่างๆของ Cursors ที่สามารถกำหนดได้บน Browser ด้วย CSS ชื่อ ตัวอย่าง เลื่อนเมาส์ไปบนชื่อเพื่อดูตัวอย่าง default cursor:defaul
การปรับปรุงคะแนน Lighthouse และความสำคัญของ SEO
https://www.goragod.com/index.php?module=knowledge&id=3933
Lighthouse คือเครื่องมือที่พัฒนาโดย Google ซึ่งใช้ในการประเมินประสิทธิภาพของเว็บไซต์ โดยให้คะแนนตามหลักเกณฑ์ต่างๆ เช่น ประสิทธิภาพของการโหลดหน้าเว็..
ข้อกำหนดของเอกสาร XHTML
https://www.goragod.com/index.php?module=knowledge&id=192
ข้อกำหนดของเอกสาร XHTML ที่ต้องทำเพื่อให้ผ่านมาตรฐานของ W3C
Page Layout แบบ footer ติดอยู่ข้างล่างตลอด
https://www.goragod.com/index.php?module=knowledge&id=101
Page Layout แบบไม่ใช้ตาราง Table Less Design