Revision as of 03:29, 3 March 2016

HTML5

by paul.plaquette, Senior Software Engineer, Trilda Open Source

NeXT Steps

 here everything has yet to be done !

coming soon :

Everything You Always Wanted to Know About Hyper Text Markup Language version 5... (But Were Afraid to Ask)

<<TableOfContents(4)>>

See also

• HTML5
• HTML5 Gaming
• HTML5 Demos
• HTML5 Tutorials
• JavaScript
• More JavaScript Frameworks
• CSS3
• Web Blogs
• Web Technologies Reference
• Web APIs
• Web Tools
• Web Computing

Language

Principles

Elements

CSS

JavaScript

Tags

Tags Catalog

HTML5 API

File Formats

HTML

• https://opensource.intel.com/linux-wiki/WebFormats#HTML

XML

• https://opensource.intel.com/linux-wiki/WebFormats#XML

XHTML

• https://opensource.intel.com/linux-wiki/WebFormats#XHTML

JSON

• https://opensource.intel.com/linux-wiki/WebFormats#JSON

HTML5 Tools

• validation

 * W3C HTML5 validator: http://validator.w3.org/
 * W3C CSS3 validator: http://jigsaw.w3.org/css-validator/
 * CSS Lint: http://csslint.net/
 * CSS lisible (french) : http://www.csslisible.com/
 * jslint, (from books author javascript the doodparts): http://www.jslint.com/
 * jshint (opensource version): http://www.jshint.com/
 * JavaScript Lint: http://www.javascriptlint.com/

HTML5 Design Patterns

HTML5 Guidelines , Best Practices, Advices

HTML5 templates

• HTML5 Boilerplate : http://html5boilerplate.com/

HTML5 Helpers

• Project Starter:

* http://www.initializr.com/

• Coding:

* http://code.google.com/p/zen-coding/
* http://code.google.com/p/zen-coding/downloads/detail?name=TopStyle.Zen.Coding.1.0.zip
*  cross origin resources sharing: http://enable-cors.org/

• Ringmark:

* http://www.rng.io/

• Can I Use:

* http://caniuse.com/

• Mobile Html5, supported Features

* http://mobilehtml5.org/

• HTML5 web browser testing

* http://html5test.com/

HTML5 Samples

HTML5 Tutorials

HTML5 Tutorials

• https://developer.mozilla.org/en-US/learn/html
• http://dev.opera.com/web
• http://html5-demos.appspot.com/
• the Edge oàf HTML5 (slides) : http://html5-demos.appspot.com/static/html5-therealbleedingedge/template/index.html#1
• What new in HTML5 Media (Slides) : http://html5-demos.appspot.com/static/whats-new-with-html5-media/template/index.html#1

HTML5 Demos

HTML5 Demos

• http://www.html5.com/
• http://html5please.com/
• http://css3please.com/
• http://www.w3.org/html/logo/
• http://html5gallery.com/
• http://html5demos.com/
• http://html5-demos.appspot.com/
• http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab/

• online testing: http://codepen.io/

Web UI Design Patterns

 UI Design Patterns 
 Web UI Design Patterns 

References

Web Sites

• http://www.w3c.org/
• http://www.w3.org/TR/2012/CR-html5-20121217/
• http://www.whatwg.org/
• http://www.webplatform.org/
• http://html5boilerplate.com/
• http://www.html5rocks.com/fr/
• http://diveintohtml5.info/
• http://microformats.org/
• http://html5doctor.com/
• Josh Duck, HTML5 periodic elements: http://joshduck.com/periodic-table.html
• http://www.html5audio.org/

in french:

• http://html5.fr/
• http://www.html5-css3.fr/
• http://www.vectorskin.com/referentiels-standards-w3c/balises-html5/
• http://www.alsacreations.com/
• http://www.alsacreations.com/tutoriels/
• http://www.alsacreations.com/outils/

Books