ค้นหา
ออกแบบและใช้งาน Template (ตอนที่ 4)
https://www.goragod.com/index.php?module=knowledge&id=642
ในบทนี้เราจะมาลองทำเว็บที่เป็นไดนามิคเมนูกัน ไดนามิคเมนูในที่นี้จะหมายถึงเว็บที่สามารถเพิ่มหรือลดเมนูได้ด้วยการ config หรือแม้กระทั่ง query ออกมาจากฐ
เว็บบอร์ด V 2_5_2 อัปเดท
https://www.goragod.com/index.php?module=knowledge&id=325
ใครที่ดาวน์โหลด เวอร์ชั่น มากกว่า 2 ไปสามารถดาวน์โหลด เวอร์ชั่นนี้ไปแทนได้ทันทีครับ หรือ ติดตั้งใหม่ ใช้ตัวนี้เลย
ลาก่อน align
https://www.goragod.com/index.php?module=knowledge&id=268
XHTML ยกเลิก property align ไปแล้วครับ ถึงแม้ว่า Browser บางตัวอาจจะยังรู้จักอยู่ แล้วจะใช้อะไรแทนล่ะทีนี้
ซ่อนข้อความบนปุ่มด้วย CSS
https://www.goragod.com/index.php?module=knowledge&id=3544
โจทย์ของผมก็คือ ผมมีปุ่มค้นหาอยู่ ซึ่งแต่เดิมมันมีข้อความ ค้นหา อยู่บนปุ่ม และผมต้องการที่จะเปลี่ยนลักษณะของปุ่มโดยเอาข้อความออก หรือซ
การ Redirect เว็บไปยังเว็บสำหรับมือถือโดยอัตโนมัติ ด้วย .htacces
https://www.goragod.com/index.php?module=knowledge&id=3341
เราสามารถเขียน htaccess เพื่อตรวจสอบว่า Browser ที่เรียกมาเป็นอะไรได้ เช่น การตรวจสอบว่า เป็นการเรียกดูเว็บผ่านมือถือหรือไม่ด้วย User Agant ซึ่งหา
ทำเว็บให้มีคนดู (ตอนที่ 3)
https://www.goragod.com/index.php?module=knowledge&id=220
ก่อนอื่นเราต้องมาดูกันก่อน ว่าอะไรบ้างที่จะทำให้เรามีโอกาศได้ติดหน้าแรกๆ ของ Search Engine
การแสดงผลรูปแบบต้นไม้ (Tree) ด้วย PHP
https://www.goragod.com/index.php?module=knowledge&id=3745
การแสดงผลในรูปแบบต้นไม้ Tree ด้วย PHP ถ้าออกแบบดีๆจะมีการทำงานที่รวดเร็วมากนะครับ ตัวอย่างนี้จะเป็นการจัดการแสดงผลในรูปแบบ Tree พร้อม CSS ในการจัดก
ออกแบบและใช้งาน Template (ตอนที่ 3)
https://www.goragod.com/index.php?module=knowledge&id=641
หลายๆคนอาจเคยเห็นบางเว็บ ที่มีการทำ Highlight เมนูที่กำลังใช้งานหรือแสดงหน้านั้นๆอยู่ให้ต่างไปจากเมนูอื่น เราลองมาปรับปรุง Template ของเราให้สามารถทำ
Progressive Web Apps (PWA) คืออะไร
https://www.goragod.com/index.php?module=knowledge&id=3890
Progressive Web Apps หรือ PWA คือเทคโนโลยีที่จะทำให้เว็บของเราใกล้เคียงแอปบนมือถือมากขึ้น
แสดง รายการไฟล์ต่างๆ บน Server
https://www.goragod.com/index.php?module=knowledge&id=341
ตัวอย่างการสร้าง File menager แบบหนึ่งครับ ที่แสดงรายการไฟล์ และ ไดเร็คทอรี่ บน server พร้อมไอคอน ด้วยโค้ด PHP
IE 8 มันมากับเรื่องปวดหัว
https://www.goragod.com/index.php?module=knowledge&id=441
ผมได้ลองดาวน์โหลด IE8 beta มาลองใช้ดู ประกฏว่าแห้วเลยครับ หน้าเว็บผมกลายเป็นหน้าขาวๆ View Source ดูก็มีถูกต้องครับ ไฉนจึงเป็นเช่นนั้น
float menu
https://www.goragod.com/index.php?module=knowledge&id=125
เมนูที่ลอยอยู่ในหน้าจอเสมอ แม้จะเลื่อน scrollbar
ฟังก์ชั่น highlight ข้อความค้นหาด้วย Javascript
https://www.goragod.com/index.php?module=knowledge&id=687
โค้ด Javascript สำหรับทำ highlight ข้อความค้นหา ด้วย Javascript highlight search ให้ผลลัพท์เหมือนกับที่ผมใช้บนเว็บนี้ สามารถทำ highlight ข้อความด
ทำไงให้ผ่านตามข้อกำหนดของ W3C
https://www.goragod.com/index.php?module=knowledge&id=221
โดยทั่วๆไป ถ้าเป็น HTML ล้วนๆ การทำเว็บให้ผ่าน W3C ก็ไม่ยากหรอกครับ
การใช้งาน Template กับเว็บไซต์ (ตอนที่ 2)
https://www.goragod.com/index.php?module=knowledge&id=469
Template ตามความคิดของผม แบ่งออกเป็น 3 แบบ มาดูแบบแรกกัน
opacity filter และ IE8
https://www.goragod.com/index.php?module=knowledge&id=444
IE8 ไม่ได้สนับสนุน property opacity และ property filter แล้วนะครับ
Page Layout แบบ 3 คอลัมน์ เต็มจอ
https://www.goragod.com/index.php?module=knowledge&id=100
3 คอลัมน์ คือ เส้นคั่นด้านซ้ายและด้านขวาที่เป็นขอบ และพื้นที่ตรงกลางสำหรับใช้งานครับ
เรื่องของ position กับกลางจอ
https://www.goragod.com/index.php?module=knowledge&id=382
ใช้ position เป็น absolute แล้วใช้ float:none ไม่ได้
HTML, XML, XHTML และ CSS คืออะไร ต่างกันอย่างไร และใช้อย่างไร ตอ
https://www.goragod.com/index.php?module=knowledge&id=388
HTML Hyper Text Markup Language
หลุด GCMS5
https://www.goragod.com/index.php?module=blogs&id=3216
เอาไป 2 หน้าก่อน 1 HTML5 2 CSS3 3 Valid WAI AAA ตามกฏกระทรวง 15 พย 2554 Web Accessibility