HTMI5 - Specifications

Post on 15-Oct-2014

418 views 3 download

Transcript of HTMI5 - Specifications

WHO ?

@mustafa_elnagar

Mustafa.adel.elnagar@mufix.org

http://mustafaadelelnagar.wordpress.com

Microsoft HTML5 Champion

HTML5 will Rock

Offline storage

Smarter storage

Advanced graphics

Multimedia

WORA – Write once. Run anywhere

HTML5 contributions OS

Microsoft

carbyn

w3c

What is the w3c ?

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

HTML5 specifications !!

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

Now

Lets have quick snapshots about some 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.

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>

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 .

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.

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() .

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

Semantics

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

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

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.

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.

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

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