Foundations of an HTML5 Web app

An Open Web App is basically an HTML5 app. While the role of HTML, CSS, and JavaScript are obvious to some, let's do a quick recap of how each plays its own important role in an HTML5 app.

HTML5 for content and structure

html5 logo

HTML is used to create the content structure for the web application. New features in HTML5 include new <input> types, form validation support, media tags like <audio> and <video>, and more semantic HTML elements.

CSS3 for style

css logo

CSS provides the visual presentation, letting you control the basic layout of content. CSS can do more than just format content though; you can use the power of CSS to animate elements, create precise gradients to avoid having to unnecessarily use images, and create media queries which let you adjust the appearance of your content based on the type of device it's being viewed on.

JavaScript for dynamic interaction

js logo

JavaScript provides the level of dynamism and user interaction for the web app. JavaScript lets you listen for and respond to user interactions, load content dynamically, and get access to device-specific features, like the Camera API and Geolocation API.

It's important to note that support for individual features varies from browser to browser; feature detection and research should be done before using each feature. How to use these strategies will be covered in depth below.

Attachments

File Size Date Attached by
css logo
css logo
2981 bytes 2012-11-13 08:33:17 ednapiranha
js logo
js logo
5372 bytes 2012-11-13 08:33:31 ednapiranha
html5 logo
html5 logo
9210 bytes 2012-11-13 08:33:42 ednapiranha

Document Tags and Contributors

Tags:
Last updated by: bluecannon,