วิธีทำให้ sidebar เลื่อนตามหน้าจอสำหรับหน้าเว็บที่มีความยาวมากๆ

Sticky Sidebar

Sticky Sidebar

วิธีทำให้ sidebar เลื่อนตามหน้าจอ

วิธีใช้ก็ง่ายมากครับ เราจะใช้ plugin ของ jquery ที่เรืยกว่า Sticky-kit โหลดได้จากที่นี่นะครับ

http://leafo.net/sticky-kit/#examples

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

การใส่ script เพื่อไม่ให้เว็บไซต์ สามารถคลิกขวาได้

คำสั่งให้เว็บไซต์คลิกขวาเซพรูปไม่ได้นะครับ
– คำสั่งนี้ให้ใส่ก่อน </header>
– ต้องใส่หลังจาก เรียกโค้ด jquery ตัวหลักแล้ว