สิ่งใหม่สิ่งหนึ่งใน html 5 คือการที่มันรองรับการแสดงผลในอุปกรณ์พกพา เนื่องจากการออกแบบในปัจจุบันมักจะกำหนดความกว้างตายตัว เพื่อแก้ปัญหาความกว้างที่หลากหลายของมอนิเตอร์ขนาดต่างๆมากมาย และเมื่อกำหนดขนาดตายตัวแล้ว เราจะทำให้มัน"พอดี"กับหน้าจออุปกรณ์พกพาได้อย่างไร.
บทความนี้จะเป็นก้าวแรกสำหรับการออกแบบ layout html5 อย่างง่ายๆ ที่รองรับทั้ง desktop และ mobile device หรืออุปกรณ์พกพา.
จากบทความก่อนหน้านี้ "หาตำแหน่งของคุณด้วย geolocation ใน html5" มาแล้ว เราจะได้ค่า latitude, longitude และค่าอื่นๆมา คราวนี้ เราจะเอาค่า lat/long มาใช้ในการแสดงตำแหน่งบนแผนที่กับ google map กันครับ.
ใน html5 จะมีลูกเล่นใหม่อย่างหนึ่งที่น่าสนใจ และนำมาใช้กันค่อนข้างมากแล้ว นั่นคือ geolocation และเจ้าตัวนี้จะระบุพิกัดของเราไม่ว่าจะ latitude, longitude และอื่นๆอีกมากมายที่ส่งออกมาจากอุปกรณ์ที่ใช้เปิดเว็บ
ถ้ายังไม่เคยทำ มาเริ่มต้นกันเลยครับ
ตัวอย่างการทำ drag & drop upload ใน html5 โดยใช้ javascript plugin จาก jquery
บทความนี้จะแสดงตัวอย่างเต็มๆของการใช้ html5 แบบทั่วไป (ที่ยังไม่รวมถึงพวก canvas และ multimedia ต่างๆ)