embed วิดีโอจาก YouTube แล้วให้เล่นวิดีโออัตโนมัติ

25 ก.พ. 2016   ,หมวดหมู่ ทุกหมวดหมู่ นอกจากนั้น โค๊ดดิ้ง  

embed วิดีโอจาก YouTube แล้วให้เล่นวิดีโออัตโนมัติ ง่ายนิดเดียวครับ โดยให้เพิ่ม ?autoplay=1 ต่อท้ายลิ้งค์วิดีโอ * หมายเหตุ  ดูผ่านมือถือไม่เล่นอัตโนมั …

รายละเอียดเพิ่มเติม

ฟรี Icon Font แบบ Material Icons จาก Google

25 ก.พ. 2016   ,หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง  

Icon Font แบบ Material Icons สวยๆ แถมฟรีด้วย จาก Google วิธีใช้ Icon Font จาก Google นำโค๊ดด้านล่างไปใส่ใว้ในส่วนของ <head> crayon-674f3f66e104 …

รายละเอียดเพิ่มเติม

ทดสอบ การแสดงผลหน้าเว็บ บนจอหลายขนาด จาก Google

25 ก.พ. 2016   ,หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง  

ทุกวันนี้การออกแบบเว็บไซต์ต้องออกแบบเพื่อให้รองรับการแสดงผลในหน้าจอหลายขนาด ทั้ง โน๊ตบคุ แท๊บเล็ต สมาร์ทไฟน ฯลฯ มี Tool ดีๆ จาก Google ในการทดสอบการแส …

รายละเอียดเพิ่มเติม

โหลดเพจเสร็จ ให้ Cursor อยู่หลังข้อความใน Texbox

24 ก.พ. 2016   ,หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง  

เวลาโหลดหน้าเว็บเสร็จ ให้ Cursor อยู่หลังข้อความใน Textbox และให้โฟกัสที่ Textbox นี้ อาจจะประยุกต์ใช้เวลาพิมพ์ค้นหาแล้วกด Search พอเพจรีโหลดเสร็จ แล้ …

รายละเอียดเพิ่มเติม

iframe ขยายขนาดตามความสูงของเนื้อหา

23 ก.พ. 2016   ,หมวดหมู่ jQuery,JavaScript,Ajax ทุกหมวดหมู่ โค๊ดดิ้ง  

ในหน้าหลักที่ใช้ iframe ดึงข้อมูลหน้า pagecontent.html มาแสดง index.html crayon-674f3f66e19f9543644729/ นำโค๊ดด้านล่างไปใส่ใว้ใน หน้าที่เป็นเนื้อหาท …

รายละเอียดเพิ่มเติม

ทดสอบโค๊ด html,css,js ออนไลน์ พร้อม embed มาแสดงในเว็บไซต์ ด้วย CodePen

20 ก.พ. 2016   ,หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง  

ทดสอบโค๊ด html,css,js ออนไลน์ (เน้น front end web) พร้อม embed มาแสดงในเว็บไซต์ ด้วย CodePen (http://codepen.io/) นอกจากนี้ยังสามารถดูตัวอย่างโค๊ดของค …

รายละเอียดเพิ่มเติม

วิธีนำ Google Font มาใช้ในเว็บไซต์

19 ก.พ. 2016   ,หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง  

เริ่มจากเข้าไปที่ https://www.google.com/fonts หากต้องการใช้ฟอนต์ไทย ฟอนต์ไทยใน google font ตอนนี้มีอยู่ 3 ฟอนต์ (อนาคตอาจจะมีเพิ่ม) ตรง Script เมนซ้า …

รายละเอียดเพิ่มเติม

ห้าม Copy ห้ามเลือก ห้ามคลิกขวา ป้องกันการคัดลอกข้อมูลในหน้าเว็บ

19 ก.พ. 2016   ,หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง  

ป้องกันการคัดลอกข้อมูลในหน้าเว็บไซต์เบื้องต้นง่ายๆครับ โดยแทรกโค๊ดด้านล่างใน Tag body หรือ Tag อื่นๆที่ไม่ต้องการให้ Copy เนื้อหา crayon-674f3f66e22e …

รายละเอียดเพิ่มเติม

Bootstrap HTML, CSS, และ JS framework สำหรับนักออกแบบเว็บไซต์

19 ก.พ. 2016   ,หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง  

HTML, CSS, และ JS framework สำหรับนักออกแบบเว็บไซต์ รองรับ Responsiveness Design โดยที่เราไม่ต้องเขียน CSS หรือ JS ขึ้นมาเองเพียงแค่เรียกใช้ Class ให้ …

รายละเอียดเพิ่มเติม

jQuery ใช้งานบ่อยๆ

18 ก.พ. 2016   ,หมวดหมู่ jQuery,JavaScript,Ajax ทุกหมวดหมู่ โค๊ดดิ้ง  

(บันทึกกันลืม) jQuery ที่ได้ใช้งานบ่อยๆ Check Box ตรวจสอบว่า Check Box ทำการ checked อยู่หรือเปล่า crayon-674f3f66e29e2631065186/ Check Box ทำการ Ch …

รายละเอียดเพิ่มเติม