ใช้เครื่องมือพัฒนา HTML5 ที่เกิดขึ้นใหม่เก้าตัว

HTML5 ถือเป็นเครื่องมือที่ทรงพลังสำหรับนักพัฒนาเว็บในการสร้างเว็บแอปพลิเคชันยอดนิยมเพิ่มการสนับสนุนสำหรับวิดีโอและ Canvas 2D การเกิดของ HTML5 ยังอนุญาตให้ผู้คนตรวจสอบอนาคตของปลั๊กอินมัลติมีเดียเฉพาะเบราว์เซอร์เช่น Adobe's Flash และ Silverlight ของ Microsoft HTML5 เป็นวิธีที่เป็นมาตรฐานในการใช้งานฟังก์ชั่นของปลั๊กอินเหล่านี้

แม้ว่ามาตรฐาน HTML5 ยังไม่ได้รับการพัฒนาในขณะที่นักพัฒนาให้ความสนใจใน HTML5 มากขึ้น แต่ผู้ให้บริการเครื่องมือพัฒนาก็เริ่มติดตามเช่นกัน เครื่องมือแอปพลิเคชันเก้าตัวที่แนะนำด้านล่างนี้สามารถช่วยนักพัฒนาซอฟต์แวร์รวมฟังก์ชั่น HTML5 เข้ากับโปรแกรมของพวกเขา

Adobe Edge ซึ่งยังอยู่ในขั้นตอนการแสดงตัวอย่างเป็นเครื่องมือออกแบบสำหรับการพัฒนาเนื้อหาแบบไดนามิกแบบไดนามิกโดยใช้ HTML5, CSS และ JavaScript เนื้อหาสามารถเข้ากันได้กับทั้งอุปกรณ์มือถือและคอมพิวเตอร์เดสก์ท็อป คุณสมบัติที่สำคัญของ Edge คืออินเตอร์เฟส Web Toolkit ซึ่งอำนวยความสะดวกในการรับรองความสอดคล้องทางสถาปัตยกรรมของหน้าในเบราว์เซอร์ที่แตกต่างกัน นอกจากนี้ Edge จะรวมบริการแบบอักษรเช่น TypeKit

แอนิเมชั่นและกราฟิกสามารถเพิ่มลงในองค์ประกอบ HTML และโปรแกรมสามารถขยายผ่านไลบรารีตัวอย่างรหัสของ Edge หรือรหัส JavaScript ได้ ภาพเคลื่อนไหวสามารถซ้อนกันในระยะเวลาอิสระและยังสามารถใช้ฟังก์ชั่นการโต้ตอบ การปฏิบัติตามสามารถดำเนินการและควบคุมผ่าน API และรหัสตัวอย่าง เนื้อหาที่ออกแบบผ่านขอบสามารถเข้ากันได้กับอุปกรณ์ iOS และ Android และยังสามารถทำงานบนเบราว์เซอร์กระแสหลักเช่น Firefox, Chrome, Safari และ IE9

Adobe Dreamweaver CS6 เป็นซอฟต์แวร์การออกแบบเว็บที่ให้อินเทอร์เฟซการแก้ไขภาพสำหรับเว็บไซต์ HTML และโปรแกรมมือถือ ระบบเค้าโครงกริดของเหลวรวมฟังก์ชั่น CSS Stylesheet เพื่อให้ความเข้ากันได้ข้ามแพลตฟอร์มสำหรับเลย์เอาต์แบบปรับตัวได้ นักพัฒนาสามารถใช้การดำเนินการด้านการออกแบบเว็บได้อย่างเต็มที่โดยไม่ต้องติดอยู่ในรหัส

ผู้ใช้ไม่เพียงสามารถดูตัวอย่างใน LiveView แต่ยังมีฟังก์ชั่นตัวอย่างหลายหน้าจอ นักพัฒนาสามารถดูเอฟเฟกต์การเรนเดอร์ของเนื้อหา HTML5 ผ่านแผงพรีวิวหลายหน้าจอ Live View รองรับ HTML5 ผ่านเครื่องมือแสดงผล WebKit

ColdFusion เป็นเทคโนโลยีฝั่งเซิร์ฟเวอร์ที่ใช้ในการพัฒนาโปรแกรมเว็บระดับองค์กรสร้างประสบการณ์การใช้งานของผู้ใช้สื่อที่หลากหลายผ่านเทคโนโลยี HTML5 เช่น WebSockets รูปแบบการโต้ตอบวิดีโอและ GEOTAGS

ในบรรดาเครื่องมือสำหรับการพัฒนาแอพพลิเคชั่นมือถือและเดสก์ท็อป Sencha อยู่ในตำแหน่งการพัฒนาแอปพลิเคชันภาพ HTML5 ทีมพัฒนาสามารถออกแบบพัฒนาและปรับใช้แอปพลิเคชันในสภาพแวดล้อมแบบบูรณาการเดียว นักพัฒนายังสามารถพัฒนาแอพพลิเคชั่น Sencha Touch2 และ Ext JS4 JavaScript และดูตัวอย่างตามเวลาจริง

Sencha Touch2 เป็นเฟรมเวิร์กแอปพลิเคชันมือถือและถือเป็นแพลตฟอร์ม HTML5 ของ Sencha นักพัฒนาสามารถใช้มันเพื่อพัฒนาแอพพลิเคชั่นมือถือสำหรับ iOS, Android, Blackberry, Kindle Fire และแพลตฟอร์มอื่น ๆ

จากโครงการ IBM Dojo Foundation Maqetta เป็นเครื่องมือโอเพ่นซอร์สสำหรับการพัฒนาแอพพลิเคชั่น HTML5 สำหรับเดสก์ท็อปและอุปกรณ์มือถือและรองรับการดูอินเทอร์เฟซ HTML5 ในเบราว์เซอร์ นักออกแบบประสบการณ์ผู้ใช้สามารถรวบรวมเทมเพลต UI โดยการลากและลดลง

แม้ว่า HTML5 จะไม่ได้รับการสนับสนุนในตอนแรก Microsoft ให้ IntelliSense ใน Visual Studio 2010 SP1 ที่วางจำหน่ายในเดือนมีนาคม 2011 เพิ่มองค์ประกอบบางอย่างสำหรับ HTML5

ในฐานะที่เป็นสภาพแวดล้อมการพัฒนาแบบบูรณาการ JavaScript พร้อมตัวแก้ไข HTML WebStorm4.0 ให้ HTML5 Boilerplate สำหรับการพัฒนาแอปพลิเคชันเว็บ นักพัฒนาสามารถรับการสนับสนุนสำหรับไฟล์ HTML5 เมื่อสร้างเอกสาร HTML ตัวอย่างเช่นเครื่องตัดพิมพ์ นักพัฒนายังสามารถดูตัวอย่างเอกสาร HTML แบบเรียลไทม์ใน Chrome

เครื่องมือการพัฒนานี้ใช้ในการพัฒนาแอปพลิเคชันเบราว์เซอร์ แต่ห้องสมุดรองรับฟังก์ชั่น HTML5 จำนวนมาก รวมถึงการสนับสนุนสำหรับลูกค้าหรือที่เก็บข้อมูลเว็บ คุณสมบัติ HTML5 อื่น ๆ รวมถึงการรองรับการสร้างภาพข้อมูลผ้าใบรวมถึงวิดเจ็ตเสียงและวิดีโอ