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

跟燕青一起学Windows8应用开发：使用WinJS在已有Namespace中添加新成员

By yanqing-wang (Intel)Posted May 14th 20130

在跟燕青一起学Windows8应用开发：使用WinJS自定义Javascript的名字空间一文中，笔者已经讨论了如何用Namespace解决两个技术问题： l 局部类定义全局化的问题。 l 多项目中代码名字冲突问题。在博客后，笔者也留有一道思考题：在多次使用WinJS.Namespace.define定义相同名字的Namespace会出现什么情况？本篇博客就是讨论它的实际结果。打开Study Metro App项目，建立MS1.js文件，并实现它的内容，如图1所示。图1 图1的内容概要：定义一个局部变量desc， ...

Meshcentral.com - Mesh Policy & Mesh Certificate

By ylian-saint-hil...Posted May 9th 20130

A quick note to mention that I just updated the Mesh Connector tool to support adding and removing the mesh certificate from the mesh policy. For most people this is probably not important, but if you use Meshcentral.com for larget networks, ...

HTML5: discovering the difference in size

By Christoph Jechl...Posted May 8th 20130

We all heard about responsive web design. The idea behind it is simple: The layout of your page adapts to the screen size. That is, on a large screen you might want to show your content with a navigation bar to the left and some advertisement to the right. When the screen and or browser window is ...

Meshcentral.com - Intel AMT Remote Commands

By ylian-saint-hil...Posted May 7th 20133

I am very happy to announce that Meshcentral.com now supports Intel AMT power actions directly from the web site. So, if you happen to be managing Intel AMT computers with Meshcentral.com, ...

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.

Paul Fischer (Intel)Wed, March 6th 2013 - 11:57

Intel(R) HTML5 Development Environment Instructions14

Hello HTML5 Developers: We have completed the transition from the Intel® HTML5 Development Environment Beta (“Beta Site”) to the new App Dev Center website where you can find the Intel® XDK and other newly acquired HTML5 development tools. The Intel ...

Ed O.Tue, May 14th 2013 - 15:07

Publishing to Apple App Store0

I'm a newby to this development platform, so please forgive if this question is simple. I have enough HTML5/js skills to create a useful app. I'm assuming the Intel App framework will assist in my goal of releasing an app to Android and iOS, but I can't find any resources that explain how I publish ...

Paulo AndradeThu, May 9th 2013 - 17:36

Problem with ghostclick0

Hi everyone I have done my application using Intel App Framework build and did the same. It turns out that every link or button that I click, is getting a yellow rectangle on top, before performing the redirect. Is also having a bit of lag. I'm not using any javascript to more than the standard ...

Paulo AndradeThu, May 9th 2013 - 16:28

How I can create a app with intel framework and phonegap2

Hi everyone I had created my entire application using the framework of intel with their roles, resources. I thought the great framework. In the end, I came across a barrier. I have a form where one hits a photo or choose from gallery and send a message with this photo. Turns out my webservice today ...

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