HTMI5 - Specifications

54

Transcript of HTMI5 - Specifications

Page 1: HTMI5 - Specifications
Page 2: HTMI5 - Specifications

WHO ?

@mustafa_elnagar

[email protected]

http://mustafaadelelnagar.wordpress.com

Microsoft HTML5 Champion

Page 3: HTMI5 - Specifications

HTML5 will Rock

Page 4: HTMI5 - Specifications

Offline storage

Page 5: HTMI5 - Specifications

Smarter storage

Page 6: HTMI5 - Specifications

Advanced graphics

Page 7: HTMI5 - Specifications

Multimedia

Page 8: HTMI5 - Specifications

WORA – Write once. Run anywhere

Page 9: HTMI5 - Specifications

HTML5 contributions OS

Page 10: HTMI5 - Specifications

Microsoft

Page 11: HTMI5 - Specifications
Page 12: HTMI5 - Specifications

carbyn

Page 13: HTMI5 - Specifications

w3c

Page 14: HTMI5 - Specifications

What is the w3c ?

W3C Stands for the World Wide Web Consortium ,By Tim Berners-Lee by October 1994 ,working to Standardize the Web

Page 15: HTMI5 - Specifications

HTML5 specifications !!

Page 16: HTMI5 - Specifications

http://dev.w3.org/html5/spec/Overview.html

Page 17: HTMI5 - Specifications

Now

Lets have quick snapshots about some specifications.

Page 18: HTMI5 - Specifications

CSS word wrap !!This CSS3 module defines properties for text manipulation and specifies their processing model. It covers line breaking, justification and alignment, white space handling, text decoration and text transformation.

Page 19: HTMI5 - Specifications
Page 20: HTMI5 - Specifications

Inline BrowserInline-level elements are those elements of the source document that do not form new blocks of content.

<p>Some <em>emphasized</em> text</p>

Page 21: HTMI5 - Specifications
Page 22: HTMI5 - Specifications

Portable Network Graphics (PNG)

an extensible file format for the lossless, portable, well-compressed storage of raster images. Indexed-color, grayscale, and true color images are supported, plus an optional alpha channel. PNG is designed to work well in online .

Page 23: HTMI5 - Specifications
Page 24: HTMI5 - Specifications

HyphenationHyphenation allows the controlled splitting of words to improve the layout of paragraphs. CSS Text Level 3 does not define the exact rules for hyphenation, however UAs are strongly encouraged to optimize their line-breaking implementation to choose good break points and appropriate hyphenation points.

Page 25: HTMI5 - Specifications
Page 26: HTMI5 - Specifications

json parsingJSON (JavaScript Object Notation) is a lightweight data-interchange format.Easy for humans to read and write. Easy for machines to parse and generate.json parsing: Method of converting JavaScript objects to JSON strings and JSON back to objects using JSON.stringify() and JSON.parse() .

Page 27: HTMI5 - Specifications
Page 28: HTMI5 - Specifications

wai-aria/Accessible Rich Internet Applications This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to allow an author to properly convey user interface behaviors and structural information to assistive technologies in document-level markup

Page 29: HTMI5 - Specifications
Page 30: HTMI5 - Specifications

Semantics

Page 31: HTMI5 - Specifications
Page 32: HTMI5 - Specifications

TTF/OTFSupport for the TrueType (.ttf)and OpenType (.otf) outline font formats in @font-face.

Page 33: HTMI5 - Specifications
Page 34: HTMI5 - Specifications

Web Workers Running scripts in the background independently of any user interface scripts.

Page 35: HTMI5 - Specifications
Page 36: HTMI5 - Specifications
Page 37: HTMI5 - Specifications
Page 38: HTMI5 - Specifications
Page 39: HTMI5 - Specifications
Page 40: HTMI5 - Specifications
Page 41: HTMI5 - Specifications
Page 42: HTMI5 - Specifications
Page 43: HTMI5 - Specifications
Page 44: HTMI5 - Specifications
Page 45: HTMI5 - Specifications
Page 46: HTMI5 - Specifications
Page 47: HTMI5 - Specifications
Page 48: HTMI5 - Specifications

Data list Element Method of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value.

Page 49: HTMI5 - Specifications
Page 50: HTMI5 - Specifications

Touch Events Method of registering when, where and how the interface is touched, for devices with a touch screen. These DOM events are similar to mousedown, mousemove, etc.

Page 51: HTMI5 - Specifications
Page 52: HTMI5 - Specifications

Remember to visit the W3c specification as there are more and more .

Don’t forget to have a glasses as your eyes will be harmed :D

Page 53: HTMI5 - Specifications

Resources http://dev.w3.org/html5/spec/Overview.html

Page 54: HTMI5 - Specifications