HTML5 | Intel® Developer Zone

Introducing the new Intel® HTML5 Development Environment

If you've used appMobi's HTML5 development tools in the past, then you're already familiar with our new tools. We're introducing this set of cross-platform HTML5 tools as Intel's HTML5 Development Environment to help you more easily develop great HTML5 apps for all of your target devices.


What is HTML5? HTML5 is an open standard that allows developers to write once and run anywhere. This cross-platform approach greatly increases a developer's total potential audience while providing users a more consistent experience across different screen sizes.	Why does Intel Care about HTML5? Because HTML5 is a future trend in the world of app development, Intel believes it is important to help experienced developers transition to this cross-platform approach and aid new developers to quickly get up to speed with this exciting new approach so that they can deploy their apps & games on nearly all modern computing platforms.

Here's what you will find in the Intel® HTML5 Development Environment:
	App Dev Center - Get started building your html & PhoneGap apps in the cloud At last, there's a free packaging service that lets developers build HTML5 and PhoneGap apps for iOS, Android, Amazon, Nook, Facebook and other app stores.
	Intel® XDK - Cross-platform development kit Use the power of HTML5 and Intel's cross-platform tools, to write your app's once and distribute broadly. With the Intel® XDK, developers really can “write it once, deploy to many.” Build for iOS Tablets, iOS Smartphones, Android Tablets, Android Smartphones, Google Play Store, Amazon App Store, Mozilla App Store, Facebook App Center, and the Google Chrome store.
	App Framework (formerly jqMobi) - The Definitive JS Library for HTML5 App Development Create the mobile apps you want with the tools you are comfortable with. Build hybrid mobile apps and web apps using the App Framework and App UI Library, a jQuery-compatible framework that gives you developers all the UX you want in a tight, fast package.
	App Game Interfaces The App Game Interfaces augment the Canvas object with multi-channel sound, accelerated physics, and accelerated canvas to provide more realistic modeling and smoother gameplay, more like native capabilities and performance – with HTML5!
	App Starter A quick-start wizard! Allows you to create an application template, specifying screen layouts, customer headers and footers, and navigation. It will generate the App Framework code for you.

	Ready to give them a try? Get started now

	Introducing the new Intel® HTML5 Development Environment If you've used appMobi's HTML5 development tools in the past, then you're already familiar with our new tools. We're introducing this set of cross-platform HTML5 tools as Intel's HTML5 Development Environment to help you more easily develop great HTML5 apps for all of your target devices. Here's what you will find:
		App Dev Center - Get started building your html & PhoneGap apps in the cloud At last, there's a free packaging service that lets developers build HTML5 and PhoneGap apps for iOS, Android, Amazon, Nook, Facebook and other app stores.
		Intel® XDK - Cross platform development kit Use the power of HTML5 and Intel's cross platform tools, to write your app's once and distribute broadly. With the Intel® XDK, developers really can “write it once, deploy to many.” Build for iOS Tablets, iOS Smartphones, Android Tablets, Android Smartphones, Google Play Store, Amazon App Store, Mozilla App Store, Facebook App Center, and the Google Chrome store.
		App Framework (formerly jqMobi) - The Definitive JS Library for HTML5 App Development Create the mobile apps you want with the tools you are comfortable with. Build hybrid mobile apps and web apps using the App Framework and App UI Library, a jQuery-compatible framework that gives you developers all the UX you want in a tight, fast package.
		App Game Interfaces The App Game Interfaces augment the Canvas object with multi-channel sound, accelerated physics, and accelerated canvas to provide more realistic modeling and smoother gameplay, more like native capabilities and performance – with HTML5!
		App Starter: A quick-start wizard! Allows you to create an application template, specifying screen layouts, customer headers and footers, and navigation. It will generate the App Framework code for you.

		Ready to give them a try? Get started now.

Intel® HTML5 App Porter Tool - BETA (for Windows 8*)

The Intel® HTML5 App Porter Tool - BETA is a stand-alone application that helps mobile developers translate portions of their iOS* applications into HTML5, allowing them to focus on key porting challenges.

Check the Technical Reference guide to learn more about this early beta release.
Also, try the Tutorial guide to learn how to port a simple app using this tool.

Requires Windows* 8 and Microsoft* Visual Studio* 2012

HTML5 Playground BETA

HTML5* Playground is built with simplicity in mind, and it's social from the start. It's being released as a beta developer tool, and lets you see, in real-time, how the changes you make to code will change the results in your sandbox – perfect for someone just starting out.

Share your experiments with more than 100 popular social networks
Explore the code snippet library

Launch

Requires Google Chrome

HTML5 Showcase

Compass A compass application to demonstrate the use of the PhoneGap Compass API.	Contacts Interact with the device contact database using the PhoneGap Contacts API.	Camera Capture photos with the device camera and retrieve photos from a photo album...

Springboard Navigation A multi-page jQuery Mobile scaffold using springboard-based navigation.	Where Is My Car Unifies startup events so a single source base can run as both a web app and as a PhoneGap...	RPN Calculator A Themable Stack based calculator using reverse polish notation, akin to the HP calculators...

Audio Use a PhoneGap media object to record and playback audio. Also detects if a previous...	Handbell Shake a picture of a bell and hear sounds. A demonstration of the PhoneGap media object.	Flood Puzzle Game A flood game, similar to Color Flood or Flood-it, where the goal is to fill the field with a single...

Counting Beads Game A simple game built using HTML5, JavaScript, CSS3 and jQuery...	Bubblewrap Game Bubblewrap is a fun bubble popping game implemented with HTML5...	Towers of Hanoi Illustrates use of CSS and jQuery to animate solving the Towers of Hanoi puzzle.

Guides and Resources

Technical Articles

Featured HTML5 Samples

Cross-Platform Development: What The Stats Say

By Wendy Boswell (...Posted March 7th 20130

Cross-platform development is something that is only going to gain more momentum as manufacturers continue to build a wide variety of consumer devices. Tools and frameworks that make cross-platform development as streamlined as possible are invaluable for developers – and it’s not only the big ...

SPARK App League Competition using Public Data Sets

By Stewart Christi...Posted February 24th 20131

On Friday Feb 22nd I attended the initial session of the Spark App League at Arizona State University's Polytechnic Campus. Ten High School teams attended this introductory session and worked through the initial setup and a few training sessions on HTML5 App Development taught by ASU Professor ...

Intel App Porter Tool Beta Tutorial

By CaptGeek (Intel)Posted February 24th 20130

At Mobile World Congress 2013, we are very happy to be conducting a class on the new: Intel® HTML5 App Porter Tool - BETA In support of that class, here are some helpful ...

Intel extends HTML5 capabilities

By jhwolf (Intel)Posted February 22nd 20130

Developers continue to tell Intel they are looking to HTML5 to help improve time to market and reduce cost for developing and deploying cross-platform apps. At the same time, app developers want to maximize reach to customers and put their apps into multiple stores. Intel is dedicated to ...

Pages

Here’s a collection of videos that Intel has made over the years related to HTML5. We hope they help you, but we also would welcome your feedback on what else you would like to see us make into a video in the future.

Browse all HTML5 Videos

NEW! HTML5 Education Series:

	Introduction to HTML5 ›
	Introduction to CSS3 ›

HTML5 Audio and Video	HTML5 markup	HTML5 and CSS3

HTML5 Communications: Part 1	HTML5 Communications: Part 2	HTML5 Communications: Part 3

HTML5 Device Access	HTML5 Interactivity	HTML5 Forms

Forums

Intel HTML5 tools support is provided through two forums, which are the best place for timely answers from our technical experts and your peers, as well as the preferred place to post bug reports. Release notes and known problems can be found under the Documentation tab of this page.

For Intel XDK support please visit the HTML5 Development Tools Forum. For all other HTML5 Tools (such as App Porter, the HTML5 Playground and HTML5 Samples) see the HTML5 Application Development Forum.

PONRAMSun, April 21st 2013 - 9:24

Some elements not available in HTML510

Some of the tags available in HTML4.0 removed in HTML5. You can find the removed tags list as follow as <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>

PONRAMSun, April 21st 2013 - 9:20

HTML5 form tags and canvas tag5

In HTML5 the user can avail the feature of canvas tag, that used to draw graphics and all. <canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript) Form Tags <datalist> Specifies a list of pre-defined options for input controls <keygen> Defines a key-pair ...

PONRAMSun, April 21st 2013 - 9:17

New media tags in HTML58

Some new media elements were intoduced in HTML5 where the developer can simply plug and play the media elements by simply using the below tags <audio> Defines sound content <video> Defines a video or movie <source> Defines multiple media resources for <video> and <audio ...

PONRAMSun, April 21st 2013 - 9:09

some new tags in HTML59

I am listing some tags that are newly introduced in html5. I hope this may useful for html5 newbies <article> Defines an article <aside> Defines content aside from the page content <bdi> Isolates a part of text that might be formatted in a different direction from other text ...

Pages

HTML5 Development Environment

A new set of cross-platform HTML5 tools to help you more easily develop great HTML5 apps for all of your target devices.

Get Started Now!

Requires Google Chrome

Introducing the new Intel® HTML5 Development Environment

Here's what you will find in the Intel® HTML5 Development Environment:

Introducing the new Intel® HTML5 Development Environment

App Dev Center - Get started building your html & PhoneGap apps in the cloud

Intel® XDK - Cross platform development kit

App Framework (formerly jqMobi) - The Definitive JS Library for HTML5 App Development

App Game Interfaces

App Starter:

Intel® HTML5 App Porter Tool - BETA (for Windows 8*)

HTML5 Playground BETA

HTML5 Showcase

Guides and Resources

Technical Articles

Featured HTML5 Samples

Pages

Forums

Pages

HTML5 Development Environment