old cookies and a client-side database 2. Better than cookies because a. it allows for storage across multiple windows b. it has better security and performance c. data will persist even after the browser is closed 3. Because it is stored at client-side we don’t have to worry about the user deleting cookies
possible without third party plugins. 2. Being able to store data in the user’s browser allows you to easily create those app features like: ◦ storing user information ◦ the ability to cache data ◦ the ability to load the user’s previous application state.
(Chrome, Firefox, Safari IE9 and Opera) • Even the really old and annoying ones, er, IE6 can use it. We can just simply add a Javascript shiv that will allow them to use the new elements: <! --[if it IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" > <! [endif] -->
• HTML5 is the most mobile ready tool for developing mobile sites and apps • Mobile browsers have fully adopted HTML5 so creating mobile ready projects is as easy as designing and constructing for their smaller touch screen displays — hence the popularity of Responsive Design.
viewport widths and zoom settings • Full screen browsing: IOS specific values that allow Apple devices to display in full screen mode • Home Screen Icons: like favicons on desktop, these icons are used to add favorites to the home screen of an IOS and Android mobile device
HTML code with height and width attributes. • JavaScript code may access the area through a full set of drawing functions similar to those of other common 2D APIs, thus allowing for dynamically generated graphics. • uses of canvas include building graphs, animations, games, and image composition.
page: <canvas id="example" width="200" height="200"> This text is displayed if your browser does not support HTML5 Canvas. </canvas> Using JavaScript, you can draw on the canvas: var example = document.getElementById ('example'); var context = example.getContext('2d'); context.fillStyle = "rgb(255,0,0)"; context.fillRect(30, 30, 50, 50);
browsers. • It is at a fundamentally higher level because each drawn shape is remembered as an object in a scene graph or DOM • If attributes of an SVG object are changed, the browser can automatically re-render the scene. • Once the figure is drawn, the fact that it was drawn is forgotten by the system. • If its position were to be changed, the entire scene would need to be redrawn. • It is also possible to paint a canvas in layers and then recreate specific layers.
extends the capability of the JavaScript programming language to allow it to generate interactive 3D graphics within any compatible web browser. • WebGL code executes on a computer display card's Graphics Processing Unit (GPU), which must support shader rendering.
can help us build and play HD games using Graphics Card of Computer • Will increase usage of web and cloud computing • No need of increased Hard Disk Space