P E h t m l > • Technically the latest version of the HTML standard... • but really used in relation to HTML, JS & CSS • Periodic Table of the Elements 02
schema.org < s e c t i o n i t e m s c o p e i t e m t y p e = " h t t p : / / s c h e m a . o r g / P e r s o n " > < s p a n i t e m p r o p = " n a m e " > L i a m G r e e n - H u g h e s < / s p a n > , a n < s p a n i t e m p r o p = " j o b T i t l e " > A p p l i c a t i o n s D e v e l o p e r < / s p a n > a t < s p a n i t e m p r o p = " a f f i l i a t i o n " > M e t a B r o a d c a s t < / s p a n > . < / s e c t i o n > 0 1 . 0 2 . 0 3 . 0 4 . 0 5 . 06
pairs • Session storage last for as long as the browser window is open • Local storage is restricted to same domain • IndexedDB: store large amounts of data client side • File API • Demo IndexDB NoSQL Query 07
an AJAX call anymore. • Web Sockets (push/pull data) - e.g. for chat rooms • Server sent events (push only) - good for notifications • Demo: Echo... 09
video (mostly)! • New < v i d e o > and < a u d i o > elements • Can specify more than one version of the file - the browser will select one that it can play • Codec misery, Firefox/MP4/Chrome/Ogg Theora etc. • Mozilla Popcorn: Overlay videos with other content from the web on a timer • Demo: Hipster Dog 10
Device independent • Offline capability helps to deal with low/no signal • New features of HTML5 make better use of device capabilities • Demo: Firefox OS 16
between browsers • Different capabilities • IE6! • Default mobile browsers • People prefer native apps to HTML5 web on mobiles • HTML5 products not making money yet? • Homework? Watch Broken Promises of HTML5 by Christian Heilmann 19