ณ ตอนนี้เทคโนโลยี web เดินมาไกลมาซึ่งตอนนี้ html สามารถทำได้หลายอย่างแต่สิ่งที่พัฒนามาพร้อมกันคือ javascript ซึ่งหากการพัฒนา javascript ที่มีการทำงานซับซ้อนมากนั้นสิ่งที่จำเป็นก็คือการทดสอบความถูกต้อง และในแต่ละภาษานั้นก็จะมีวิธีและ tool ในการทดสอบที่ต่างกัน และวันนี้ผมขอแนะนำเครื่องมือในการทดสอบ javascript ที่มีชื่อว่า QUnit ซึ่งผมว่าค่อยข้าง config เริ่มการใช้งานอย่างเลยที่เดียวขั้นแรกก็คือให้เริ่มทำการดาวโหลดไฟล์จากเว็บ http://qunitjs.com/ ซึ่งจะแบ่งออกเป็น 2 ไฟล์คือ  qunit-1.9.0.js และ qunit-1.9.0.css ซึ่ง 1.9.0 นี้เป็นเลข version ซึ่งในอนาคตมันจะเปลี่ยนแน่นอนนะครับRead More →

ต่อจากบทความก่อนหน้านี้ เล่นไฟล์เสียงด้วย HTML5 และ Jquery ตอนที่ 1 คราวนี้เราจะมาใช้ความสามารถของ Jquery เพื่อเล่นเสียงและควบคุมการเปิดปิดเสียง เริ่มต้นเราก็ก็อปปี้ไฟล์ index.html มาเป็นไฟล์ใหม่โดยผมจะตั้งชื่อว่า indexjquery.html เพื่อที่เราจะได้เห็นความแตกต่างระหว่างการใช้ tag html 5 กับ jquery ว่า แตกต่างกันอย่างไร เรามาดูโค้ดกันเลยครับตอนแรกเราก็ต้องทำการสร้าง link 2 ลิงค์ให้มี id เป็น play กับ pause เพื่อจะได้เขียน jquery เพื่อควบคุมการเล่นเสียง ต่อมาเราก็สร้างฟังก์ชั่นสำหรับเล่นไฟล์เสียงโดยใช้ javascript ดึงความสามารถในการเล่นเสียงของ browser ที่รองรับ html 5 นั้นเองหลังจากนั้นก็ให้โหลด event ของ link ทั้งสองเมื่อเริ่มโหลดหน้าเว็บ โค้ดในส่วนแรกของการสร้าง link คือRead More →

หากพูดถึง HTML แล้ว ณ ตอนนี้คงเป็น เวอร์ชั่นที่ 5 แล้วหรือ HTML 5 นั้นเอง ซึ่งใน HTML 5 นี้สามารถเล่นไฟล์เสียงได้แล้วโดยไฟล์เสียงนี้แค่ใช้ tag 1 ใน HTML เท่านั้น เหมือนกับรูปภาพ เหมือน HTML 5 รองรับไฟล์เสียงแล้ว เราก็ใช้ความสามารถของ Jquery เพื่อควบคุมปุ่นในการสั่งให้เล่นแล้วก็หยุดเล่นไฟล์เสียง โดยใน HTML 5 นั้นจะรองรับไฟล์เสียง นามสกุล ogg กับ mp3 ซึ่งถ้าจะหาโปรแกรมแปลงไฟล์เสียงให้เป็น ogg ผมก็แนะนำโปรแกรม Audacity ซึ่งเป็นฟรีแวร์สามารถหา Download กันได้นะครับRead More →

ถ้าพูดถึง Javascript ที่เป็น library แล้วคงไม่มีใครไม่รู้จัก JQuery เพราะเป็น Library ที่นิยมมาก JQuery เป็นตัวช่วยในการพัฒนา Website ที่ใช้ javascript เพราะตัว JQuery นั้นจะมีตัวช่วยทั้งในการเลือกและควบคุม element ต่างๆที่เป็น tag html ต่างๆ ทั้งที่เรากำหนดชื่อ หรือ คลาส อย่างง่ายได้รวมไปถึงการใช้งาน ajax และมี UI ต่างๆที่สวยงามให้เรียกใช้ได้มากมาย ส่วนขั้นตอนการใช้งานก็ไม่มีอะไรมากแค่ไป download file จาก http://jquery.com/ มาแล้วทำการ include หรือเรียกใช้ใน file ที่เราต้องการเท่านั้นเอง ส่วนไฟล์ที่ทำการ download จะมีให้เลือก 2 แบบคือแบบ min จะเป็นไฟล์ที่ผ่านการบีบอัดให้เราใช้งานและมีขนาดไฟล์ขนาดเล็ก ส่วนที่เป็นชื่อไฟล์ไม่มีคำว่า min จะไม่มีการบีบอัดเหมาะสำหรับผู้ที่ต้องการนำโค้ด JQuery มาพัฒนาต่อให้เป็นแบบฉบับของตัวเองRead More →

บทความนี้เป็นบทความแรกที่เกี่ยว javascript ที่ผมเขียนซึ่งมันไม่ใช่เนื้อหาอะไรมากมายแต่จะเป็นข้อควรระวังสำหรับนักพัฒนาเว็บไซต์ที่หลงลืมเป็นบ้างครั้งในกรณีที่ใช้ browser firefox ซึ่งผมก็ขอเอาเรื่องเลยละกันRead More →