How To
การตัดคำด้วย CSS
โดยปกติแล้วเรามักทำการตัดคำดวย PHP ครับ แต่ด้วย CSS3 เราสามารถใช้คำสั่งของ CSS3 ช่วยในการตัดคำแทนได้ ข้อดีของการตัดคำด้วย CSS3 เนื่องจากการตัดคำด้ว..
How To
แสดง Lightbox หรือ GModal อยู่เหนือ Youtube iframe
เมื่อไรก็ตามที่มีการใช้แฟลช เช่น การดูวีดีโอ Youtube ในสมัยก่อนที่ต้องมีการฝังโค้ด object ด้วย เพื่อให้ lightbox หรือ GModal แสดงผลอยู่เหนือแฟลช แต..
How To
เมื่อ border-radias ไม่ทำงานบน mobile
โดยปกติแล้ว การกำหนดขอบโค้งด้วย border-radius สามารถทำงานได้เป็นปกติบน browser ส่วนใหญ่ เช่น .round { -webkit-border-radius: 50%; -moz-border-radiu..
How To
Javascript กำหนดค่า readonly ให้กับ input
การกำหนดค่า readonly ให้กับ input มีหลายวิธีครับ วิธีด้านบนเป็นการกำหนดอย่างง่ายๆด้วย HTML ซึ่งจะมีผลให้เราไม่สามารถแก้ไขค่าใน input ได้ แต่ input ..
How To
Responsive Web VS Mobile Web
ดูเผินๆ ชื่อทั้งสองจะมีจุดมุ่งหมายเดียวกัน คือ เว็บสำหรับแสดงบนมือถือ แต่ที่จริงแล้ว ผลลัพท์ที่ได้สำหรับเว็บทั้งสองแบบค่อนข้างต่างกันอยู่หรอกครับ เ
How To
การเรียงลำดับข้อมูล ด้วย IP Address
การเรียงลำดับข้อมูลตาม IP Address มักไม่ให้ผลลัพท์ตามความคาดหวัง เนื่องจากโดยทั่วไปเรามักเก็บข้อมูลที่อยู่ IP ในรูปของ ตัวอักขระ
How To
การเรียงลำดับข้อมูล SQL ตามข้อมูลที่เลือก
การ Query ข้อมูลด้วยคำสั่ง IN() ของ SQL โดยปกติแล้วผลลัพท์ที่ได้จะเรียงลำดับตามข้อมูลในฐานข้อมูลครับ เนื่องจาก ฐานข้อมูลจะทำการ Query ข้อมูลโดยการเ..
How To
HTML Microdata สำหรับ E-Commerce
Microdata ช่วยให้สินค้าของคุณมีอันดับในการค้นหาที่ดีขึ้นบน Search Engine เนื่องจากเว็บที่มีข้อมูลเพียงพอสำหรับการค้นหาที่เฉพาะเจาะจงยิ่งขึ้น จะช่วย..
How To
Microdata ชนิด WebPage
ใช้สำหรับระบุว่าข้อมูลนี้เป็นหน้าเว็บ (WebPage) โดยมีคุณสมบัติที่สำคัญดังนี้ Properties ชนิด คำอธิบาย breadcrumb Text ส่วนที่เป็นลิงค์นำทางภายในเว็..
How To
ชนิดและประเภทของ Microdata
ตารางด้านล่างอธิบายเกี่ยวกับชนิดของข้อมูลต่างๆที่รองรับสำหรับ Microdata ชนิดของข้อมูล คำอธิบาย Boolean True หรือ False. Date วันที่และเวลาตามรูปแบบ..
How To
ทำความเข้าใจกับ Microdata
Microdata ถูกแนะนำให้ใช้ร่วมกับ HTML5 ด้วยการแทรกเข้าไปยัง HTML โดยตรง โดยที่ Microdata ถูกใช้เพื่ออธิบายเกี่ยวกับองค์ประกอบของหน้าเว็บ ซึ่งจะถูกใช..
How To
Responsive web design บทที่ 3
สิ่งที่ต้องทำเพื่อให้เว็บของเราเป็นแบบ Responsive 1 กำหนด Viewport เพื่อบังคับให้บราวเซอร์ไม่ต้องทำการย่อ ขยายหน้าเว็บ โดยกำหนดไว้ภายใน tag head ต
How To
Responsive web design บทที่ 2
ความหมายของ Responsesive Web Design ไม่ได้หมายความว่าเว็บสามารถเปิดดูบนมือถือได้เพียงอย่างเดียวนะครับ แต่มันยังหมายความรวมถึงว่าเว็บจะต้องอำนวยความ
How To
Responsive web design บทที่ 1
Responsive web design หรือ Responsive layout คำๆนี้อาจเริ่มฮิตในช่วงนี้และต่อๆไปในอนาคต เพราะมันหมายถึง การออกแบบเว็บเพื่อให้รองรับกับอุปกรณ์ที่มีก
How To
ซ่อนข้อความบนปุ่มด้วย CSS
โจทย์ของผมก็คือ ผมมีปุ่มค้นหาอยู่ ซึ่งแต่เดิมมันมีข้อความ "ค้นหา" อยู่บนปุ่ม และผมต้องการที่จะเปลี่ยนลักษณะของปุ่มโดยเอาข้อความออก (หรือซ..
How To
ข้อเสียของการสร้างตารางจำนวนมากในฐานข้อมูลเดียวกัน
หากคุณมีการใช้งานฐานข้อมูลประเภท MyISAM หรือ ISAM โดยมีตารางจำนวนมากในฐานช้อมูลเดียวกัน จะมีผลให้การ เปิด ปิด และ สร้างฐานข้อมูลทำงานช้าลง เมื่อคุณ..
How To
HTML Microdata
ในอดีตหรือแม้แต่ในปัจจุบันก็ตามที การที่ Search Engine จะตีความว่าเนื้อหาของเราอยู่ที่ตรงไหนในหน้าเว็บเพจ จะเป็นเรื่องที่ยากเย็นแสนเข็ญน่าดู เนื่อง..
How To
สร้างตารางด้วย DIV ใครว่ายาก
การสร้างตารางด้วย Div ไม่ใช่เรื่องยากอย่างที่หลายคนคิดนะครับ เราสามารถเขียน CSS สั้นๆง่ายๆ รวมถึงการเขียน HTML ง่ายๆ เพียงไม่กี่บรรทัดเพื่อให้ได้ตา..
How To
เค้าโครงของเอกสาร HTML5 (Document Outlines)
มีความเปลี่ยนแปลงในเค้าโครงของเอกสาร HTML5 (Document Outlines) ที่แตกต่างจาก HTML4 อย่างสิ้นเชิงนะครับ ซึ่งเราจำเป็นต้องเรียนรู้เพื่อก่อให้เกิดการใ..
How To
ปัญหาการแสกนไดเร็คทอรี่ด้วย readdir
จริงๆแล้วปัญหานี้ผมพบด้วยความบังเอิญ แต่กว่าจะรู้ว่าต้นเหตุของปัญหาคืออะไรก็หมดไปหลายชั่วโมง