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

20 ก.พ. 2016 , 7,127 Views   , หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง   , ป้ายกำกับ:


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

codepen

ก่อนอื่นเข้าไปที่เว็บไซต์ http://codepen.io/ จากนั้นให้ทำการสมัครสมาชิกก่อน เพื่อที่จะได้ Save โค๊ดและ embed ได้

หลังจาก สมัครสมาชิกและล็อกอินแล้ว แล้วให้ทำการ New Pen เพื่อ ทดสอบโค๊ด html,css หรือ js และ embed มาแสดงในเว็บไซต์ของเราได้ครับ

ตัวอย่าง embed code จาก CodePen

See the Pen Use Font Icon From Font Awesome by Suttipong Choysakda (@nathanbc46) on CodePen.


ป้ายกำกับ: