sxsw2013

7
Battle of the HTML5 Hackers www.html5hacks.com/

Upload: jesse-cravens

Post on 13-May-2015

152 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Sxsw2013

Battle of the HTML5 Hackers

www.html5hacks.com/  

Page 2: Sxsw2013

http://nerdclustr.jit.su    

Github:  https://github.com/html5hacks/nerdclustr  

Page 3: Sxsw2013

Form  Validation    Input  types    CSS  UI  pseudo  classes  

3 Jeff   Jesse  

0

 <input  type="text"  required  />  

 <input  type=“email"    />  

 .formEl:required  {          border:  2px  solid  red      }  

Page 4: Sxsw2013

CSS  Transforms    CSS  Back  face  Visibility    CSS  Transitions    Canvas        

3 Jeff   Jesse  

4

 transform:  rotateY(  180deg  );  

 transition:  transform  1s;  

 backface-­‐visibility:  hidden;  

<canvas></canvas>  

Page 5: Sxsw2013

Web  sockets    GeoLocation        

5 Jeff   Jesse  

4

 var  connection  =  new  WebSocket('ws://app.html5hacks.org/echo',  ['soap',  'xmpp']);  

 var  location  =  navigator.geolocation.getCurrentPosition(showPos);  

Page 6: Sxsw2013

5 Jeff   Jesse  

5 Windows  8  JS  App  

Windows  8  App  

Page 7: Sxsw2013

Jesse  Cravens  @jdcravens  frog  

Jeff  Burtoft  @boyofgreen  Microsoft