html วิธีใส่เลขยกกำลังและตัวห้อย

การใช้เลขยกกำลังและตัวห้อยเพื่อแสดงผลตัวเลขบางชนิดเช่น สูตรคณิตศาสตย์ โดยจะมีชื่อเรียกว่า Superscripts และ subscripts

ตัวเลขยกกำลัง

เช่น 22

 

ตัวห้อย

เช่น 22

 

อะไรคือ Responsive Web Design

Responsive Web Design คือ การออกแบบเพื่อให้เว็บไซต์สามารถแสดงผลได้เหมาะกับการใช้งาน smart phone หรือ หน้าจอคอมพิวเตอร์ทั่วไป (Desktop) โดยปกติแล้วเว็บไซต์ที่ไม่ได้ออกแบบมารองรับ Responsive Design เวลาที่ดูใน smart phone เราจะเห็นเว็บไซต์เป็นหน้าตาเต็มๆ หน้าและเห็นตัวอักษรแสดงเป็นตัวเล็กๆ ทำให้อ่านยาก เวลาที่เราต้องการอ่านจะต้องซูมเข้าไปเพื่ออ่านข้อความ Continue reading

วิธีใส่ youtube แบบ auto play แล้วปิดเสียงได้ พร้อมกับเป็น responsive ในตัว

สามารถก็อบปี้ตัวนี้ไปใส่ในเว็บได้เลยครับ โดยจะต้องเปลี่ยน code ตรงที่เป็นตัวหนาเป็นรหัสวีดีโอที่เราต้องการใส่ได้เลยนะครับ

โค้ดตัวนี้เป็นการดึง api ของ youtube แบบ jquery มาใช้ช่วยในการตั้งค่าอื่นๆ ที่ไม่มีทั่วไปในโค้ด embed ที่ใช้เว็บ youtube นะครับ ก็เลยต้องทำการโหลดโค้ดหลายตัวมาช่วยในการใช้งาน

ความสำคัญของการทำ Google Page Speed Insights

เชื่อหลายคนที่ทำเว็บไซต์จะต้องเจอปัญหานี้แน่นอน คือ ปัญหาเรื่องความเร็วในการโหลดของเว็บไซต์ โดยเฉพาะเว็บที่มีการใช้รูปเยอะๆ จะทำให้โหลดเยอะนานมากวันนี้เลยจะมาพูดถึงการทำ speed test เพื่อเพิ่มความเร็วให้กับเว็บไซต์ของเรากันนะครับ

ทำไมถึงต้องทำ speed test ให้กับ web site?

เพราะคนที่เข้าในเว็บไซต์ต้องการข้อมูลที่เค้าต้องการรวดเร็วที่สุด ลองคิดกันง่ายๆ ว่าเวลาเราหา ข้อมูลอะไรสักอย่างแล้วกดลิงค์ที่หาให้ google เข้าไปในหน้านั้นแล้ว พอรอโหลดสักห้าวินาที ถ้าข้อมูลไม่ขึ้น เราก็จะปิดหน้านั้นทิ้งไปแล้วหันไปลองลิงค์อื่นแทน การที่หน้าเว็บของเราโหลดช้าจะทำให้เราเสียโอกาศในการทำเสนอข้อมูลนั้นไปทันที

google ชอบเว็บที่โหลดได้เร็ว การที่เว็บของเราโหลดเร็วขึ้นทำให้ติดหน้าค้นหาใน google ได้ดีขึ้น

 

Continue reading