1. VIDA Requirements - HTML5 – Semantic tags - HTML5 - Forms - HTML5 – CSS3

2. HTML5 – Semantic tags vs. vs. vs.

3. SEO priority Heading tags

4. HTML5 – Input attributes Placeholder Types: ◦ Emails ◦ Number ◦ Url ◦ Search Validation: ◦ required ◦ Pattern IE ‘hacking’: ◦ http://www.matiasmancini.com.ar/jquery-plugin-ajax- form-validation-html5.html http://www.matiasmancini.com.ar/jquery-plugin-ajax- form-validation-html5.html

5. HTML5 - Polyfills https://github.com/Modernizr/Modernizr/ wiki/HTML5-Cross-browser-Polyfills https://github.com/Modernizr/Modernizr/ wiki/HTML5-Cross-browser-Polyfills ◦ http://css3pie.com: border-radius, box-shadow, multiple backgrounds, linear gradients, border- image http://css3pie.com - https://github.com/kbjr/polyfill.js: json, storage…https://github.com/kbjr/polyfill.js

6. HTML “fails” Duplicated ◦  Title ◦ Class & ID Alt text. Close tag

7. Summary Semantic tags ◦ Usage Form ◦ Inputs ◦ Validate Polyfills ◦ How to find? ◦ How to use?