7. HTML5 elementy <article>, <section>, <nav>, …
★ V MSIE8- jen javascriptem
★ Přístupnost dobře řeší WAI-ARIA
★ Outline možná nakonec nebude v HTML5
★ Skončí jako XHTML Strict?
8. HTML5 elementy <article>, <section>, <nav>, …
Nepoužív
ejte
★ V MSIE8- jen javascriptem
★ Přístupnost dobře řeší WAI-ARIA
★ Outline možná nakonec nebude v HTML5
★ Skončí jako XHTML Strict?
9. Pr
ax
Pr e
e
ax Praxe ax
e
Pr
a xe
Pr
Pr
Pr
ax
ax
e
e
Praxe
10. Program
★ HTML5 strukturální elementy
★ HTML5 značky, audio, video
★ Fallback, polyfill
★ HTML5 formuláře a canvas
★ CSS3 základy
★ Prefixy, progressive enhancement
★ CSS3 transforms, animace, media queries
11. HTML5 značkování
Blbuvzdornost a zjednodušení
★ <!DOCTYPE html> zapíná striktní režim
★ Kódování <meta charset="utf-8">
★ Velká i malá písmena
★ <br> i <br />
★ <p> , <li> a další netřeba uzavírat
★ <a> může obalit i blok
★ Přednastavený type=”” —
<link rel=”stylesheet” href=”index.css”>
<script src=”script.js”></script>
12. HTML5 audio a video <audio>, <video>
Mobily: nutná náhrada flashe
★ Tablety a mobily: nutná náhrada Flashe
★ MP3 pro audio
★ h.264/mp4 pro video
★ Flash fallback přehrávače:
http://mediaelementjs.com/
http://www.jplayer.org/
13. HTML5 audio a video <audio>, <video>
vernyzustanu.cz
Autoři: 2fresh.cz
14. Program
★ HTML5 strukturální elementy
★ HTML5 značky, audio, video
★ Fallback, polyfill
★ HTML5 formuláře a canvas
★ CSS3 základy
★ Prefixy, progressive enhancement
★ CSS3 transforms, animace, media queries