ฟรีโค้ดคีย์บอร์ดจำลองจากกูเกิล

ผมเชื่อว่าทุกท่านน่าจะสังเกตเห็นว่าในช่องค้นหาของกูเกิลใน www.google.com นั้น จะมีปุ่มอยู่ปุ่มหนึ่งแทรกอยู่ภายในช่องป้อนข้อมูล

ฟอร์มกรอกข้อมูลกับจาวาสคริปแบบง่าย

เป็นการเล่นกับจาวาสคริปแบบง่ายๆ นะครับ
ไม่รู้ว่าบทความจะผ่านหรือเปล่า

ไปดูตัวอย่างกันเลยจ้า กด

สามารถดาวน์โหลดสคริปต์ไปใช้งานได้ในหน้าตัวอย่างครับ

Cufon ใช้ฟ้อนท์บนเว็บไซต์ตามใจคุณ

การออกแบบเว็บไซต์ในปัจจุบันมีความหลากหลายมาก ทั้งในส่วนของดีไซน์ การจัดวางเลย์เอาต์ การให้สี การใช้ภาพประกอบ การใช้ฟ้อนท์ที่หลากหลาย

ส่วนอื่นๆ อาจไม่มีปัญหามากนัก ในแง่ของการนำไปใช้จริงบนเว็บไซต์ ยกเว้นในส่วนของการใช้ฟ้อนท์ที่หลากหลาย

เป็นที่ทราบว่าบนอินเทอร์เนตนั้น หากขึนไปใช้ฟ้อนท์แปลกๆ นอกจาก Tahoma หรือ Ms sans-serif อาจทำให้การแสดงผลเป็นภาษาต่างดาวแทน อาจมีการใช้ฟ้อนท์แปลกๆ เฉพาะหัวข้อใหญ่ หรือโลโก้ โดยเลี่ยงไปใช้เป็นภาพแทนตัวหนังสือ วันนี้ขอเสนอการแก้ปัญหาเรื่อง font บนเว็บด้วย Cufon

javascript ห้ามคลิกขวา

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

JSON คืออะไร

ถ้าท่านสนใจเรื่อง AJAX แล้วละก้อ คงหลีกหนีไม่พ้นที่จะต้องรู้เรื่องของ JSON ตอนที่ผมเริ่มศึกษา AJAX ผมจะเจอคำนี้บ่อย แล้วก็งงๆ ว่ามันคืออะไร เทคโนโลยีใหม่เหรอ ภาษาใหม่เหรอ หรือมันคืออะไรกันแน่ แล้วมันใช้งานยังไง

JSON ไม่ได้เป็นอะไรมากไปกว่า ฟอร์แมตของข้อมูล มันคือเท็กที่เขียนคร่อมด้วย เครื่องหมาย [],{} เท่านั้นเองครับ ดูตัวอย่าง

[
   {"firstname":"วัชรเมธน์", "lastname":"ศรีเนธิโรทัย"},
   {"firstname":"ธนเจฎก์", "lastname":"ลัดดาไสว"},
]

นี่ละครับที่เขาเรียกกันว่า JSON ไม่มีอะไรเลยนอกจากรูปแบบของข้อมูล วันหลังผมจะมาเขียนเรื่อง jQuery AJAX เพื่อจัดการกับข้อมูลแบบ JSON ซึ่งมันแสนจะง่ายบรม

ลองอ่านบทความของท่านอื่นเพิ่มเติมอีกหน่อยนะครับ ท่านจะเข้าใจ JSON มากยิ่งขึ้น

• JSON จาก Wikipedia
• เปิดโลก Ajax ตอน JSON
• รู้จักกับ JSON
• มาลองใช้ JSon ในการรับส่งข้อมูล
• เปิดโลก Ajax กับ JSON

javascript กับ การประกาศตัวแปร Array

วันนี้ไปเจอโค้ดของพี่หรั่งคนหนึ่งเข้า แล้วรู้สึกแปลก (อาจจะแปลกอยู่คนเดียวก็ได้) แปลกตรงการประกาศตัวแปรแบบ Array โดยปกติแล้ว เวลาเราจะประกาศตัวแปร Array ใน javascript เราจะใช้คำสั่งแบบนี้

var interestings = new Array();
 
interestings[0] = 'travel';
interestings[1] = 'woman';

แต่วันนี้ที่ผมเจอมันเป็นแบบนี้

var interestings = [];
 
interestings[0] = 'travel';
interestings[1] = 'woman';

มันทำได้ สั้นกว่าแบบบนเยอะ