Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

新 · 交互

6,203 views

Published on

给交互分享的 KeyNote。讲讲新技术带来的新交互模式。

Published in: Technology
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

新 · 交互

  1. 1. HTML5 CSS3 ? http://sofish.de
  2. 2. SUMMARY 1 2 3
  3. 3. SUMMARY 1 2 3
  4. 4. 1 HTML5 CSS3 Background Size CSS Columns Local Storage IndexDB Database Multiple Backgrounds CSS Gradients Session Storage Drag and Drop Border Image / Radius CSS Reflections Post Message Hash Change (Event) Box Shadow CSS Transform Offline Applications History Management Text Shadow CSS Transitions Workers WebSockets Opacity CSS FontFace Query Selector GeoLocation CSS Animations FlexBox WebSQL Database Touch Combo / Node.js / Facebook BigPie / IE filter / SVG
  5. 5. 1 HTML5 CSS3 Background Size CSS Columns Local Storage IndexDB Database Multiple Backgrounds CSS Gradients Session Storage Drag and Drop Border Image / Radius Box Shadow Text Shadow CSS Reflections CSS Transform CSS Transitions Post Message Offline Applications Workers Hash Change (Event) History Management WebSockets ... Opacity CSS FontFace Query Selector GeoLocation CSS Animations FlexBox WebSQL Database Touch Combo / Node.js / Facebook BigPie / IE filter / SVG
  6. 6. 1 HTML5 CSS3 Background Size CSS Columns Local Storage IndexDB Database Multiple Backgrounds CSS Gradients Session Storage Drag and Drop Border Image / Radius Box Shadow Text Shadow CSS Reflections CSS Transform CSS Transitions Post Message Offline Applications Workers Hash Change (Event) History Management WebSockets ... Opacity CSS FontFace Query Selector GeoLocation CSS Animations FlexBox WebSQL Database Touch Combo / Node.js / Facebook BigPie / IE filter / SVG ...
  7. 7. 1
  8. 8. 1
  9. 9. 1 ...
  10. 10. 1 ...
  11. 11. 1 ...
  12. 12. 1 ...
  13. 13. 1 ...
  14. 14. 1 ...
  15. 15. 1 ...
  16. 16. Data Table form:http://j.mp/cross-browser
  17. 17. Data Table form:http://j.mp/cross-browser
  18. 18. 2 Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
  19. 19. 2 Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
  20. 20. 2 Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
  21. 21. 2 Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
  22. 22. 2 Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
  23. 23. 2 Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
  24. 24. 3 © CopyRIght : http://iflonely.com/page/50/
  25. 25. 3 © CopyRIght : http://iflonely
  26. 26. 3 1. 2.  vs   3. 4. © CopyRIght : http://iflonely
  27. 27. 3 1. Web
  28. 28. 3 1. Web Drag & Drop http://sofish.de/file/html5/drag_and_drop/ + HTML5 Gmail Min.us
  29. 29. 3 2.  vs   iPad 1024
  30. 30. 3 2.  vs   iPad 1024 Media Query http://sofish.de/file/html5/media_query/ Media Query
  31. 31. 3 1. AA
  32. 32. 3 1. AA LocalStorage http://sofish.de/file/html5/localStorage/ Cookie HTTP LocalStorage + UserData(IE)
  33. 33. 3 4. SNS AA AA Check In
  34. 34. 3 4. SNS AA AA Check In Geolocation http://sofish.de/file/html5/localStorage/ HTML5 Geolocation IP Wifi GPS
  35. 35. 3
  36. 36. 3
  37. 37. 3
  38. 38. 3 Arale/Alice ... ....
  39. 39. 3 Arale/Alice ... ....
  40. 40. 3
  41. 41. 3
  42. 42. 3
  43. 43. ThankYou!! FAQ http://sofish.de

×