WebAppsFTW

719 views
646 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
719
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WebAppsFTW

  1. 1. Web Apps The HTML5 Revolution
  2. 2. Nicke Nyfiken Jacob + + + HTML5 * JavaScript Math.pow( , ) == Web Apps
  3. 3. De första stapplande stegen <ul><ul><li>Inga frames </li></ul></ul><ul><ul><li>Menyn är en image map </li></ul></ul>
  4. 4. via olika projekt
  5. 5. och skolor
  6. 6. tills idag
  7. 7. ett steg tillbaka <ul><ul><li>Började min bana med C++ och PHP </li></ul></ul><ul><ul><li>Första mobilutvecklingen 2007 - annorlunda värld </li></ul></ul><ul><ul><li>Java 2 Mobile Edition </li></ul></ul><ul><ul><li>Primitivt och tungrott </li></ul></ul>
  8. 8. ville skapa framtiden <ul><li>Men framtiden låg visst för långt in i framtiden... </li></ul>
  9. 9. den bistra sanningen <ul><ul><li>Ingen layouthantering </li></ul></ul><ul><ul><li>Primitiva ritverktyg </li></ul></ul><ul><ul><li>Fult, ointuitivt och trögutvecklat </li></ul></ul>
  10. 10. varde ljus
  11. 11. iPhone <ul><ul><li>Något helt nytt </li></ul></ul><ul><ul><li>Läcker hårdvara </li></ul></ul><ul><ul><li>Intuitiv mjukvara </li></ul></ul><ul><ul><li>Pushade för Web Apps </li></ul></ul>
  12. 12. så blev det <ul><ul><li>Tvingades ta fram iPhone SDK </li></ul></ul><ul><ul><li>Mobila webbläsare fick ofantligt lyft </li></ul></ul><ul><ul><li>Resten av marknaden följde efter </li></ul></ul>
  13. 13. den mobila webben
  14. 14. Finn icke-web-appen
  15. 15. och svaret är
  16. 16. och svaret är <ul><li>alla var web apps :) </li></ul>
  17. 17. hur många bilder i interfacet
  18. 18. 1 enda bild - bakgrundsbilden
  19. 19. CSS3 <ul><li>Precis det som fattades för 3 år sedan </li></ul><ul><li>Framtiden tillgänglig redan idag: </li></ul><ul><ul><li>box-shadow </li></ul></ul><ul><ul><li>border-radius </li></ul></ul><ul><ul><li>mask </li></ul></ul><ul><ul><li>transitions </li></ul></ul><ul><ul><li>animations </li></ul></ul><ul><ul><li>skalbart </li></ul></ul>
  20. 20. CSS3 i praktiken
  21. 21. <ul><li>CSS3 + HTML5 + JS </li></ul><ul><li>=> </li></ul>CSS3 == Det nya svarta
  22. 22. HTML5 <ul><ul><li>Canvas </li></ul></ul><ul><ul><li>Geolocation </li></ul></ul><ul><ul><li>localStorage </li></ul></ul><ul><ul><li>sessionStorage </li></ul></ul><ul><ul><li>HTML5 database </li></ul></ul><ul><ul><li>Cache Manifest </li></ul></ul><ul><ul><li>Video </li></ul></ul>
  23. 23. Canvas
  24. 24. Geolocation
  25. 25. storage
  26. 26. HTML5 Database
  27. 27. Cache Manifest
  28. 28. Video
  29. 29. Smygtitt
  30. 30. Hybrid Apps <ul><li>Web Apps wrappade i container som tillhandahåller Enhets-API:er såsom: </li></ul><ul><ul><li>Geo location / GPS </li></ul></ul><ul><ul><li>Vibration </li></ul></ul><ul><ul><li>Kamera </li></ul></ul><ul><ul><li>Kontakter </li></ul></ul><ul><ul><li>Ljud </li></ul></ul><ul><ul><li>Accelerometer </li></ul></ul>
  31. 31. Men det blir nästa gång...
  32. 32. Länkar
  33. 33. Mobile Web Apps <ul><li>http://blog.krawaller.se/html5-vs-objective-c-round-1 </li></ul><ul><li>http://mrgan.tumblr.com/post/257187093/pie-guy </li></ul><ul><li>http://xwuz.com/ </li></ul><ul><li>http://dbelement.com/apps/reader </li></ul><ul><li>http://www.trafiki.se </li></ul>
  34. 34. Desktop Web Apps <ul><li>http://280slides.com/ </li></ul><ul><li>http://gomockingbird.com/mockingbird/ </li></ul><ul><li>http://mugtug.com/sketchpad/ </li></ul><ul><li>http://docs.google.com/ </li></ul>
  35. 35. HTML5 <ul><li>http://bit.ly/SafariDocs </li></ul><ul><li>http://html5demos.com/ </li></ul><ul><li>http://html5doctor.com/ </li></ul>
  36. 36. CSS3 <ul><li>http://www.css3.info/ </li></ul><ul><li>http://www.zurb.com/playground/ </li></ul><ul><li>http://css3please.com/ </li></ul><ul><li>http://anthonycalzadilla.com/css3-ATAT/index.html </li></ul><ul><li>http://general-metrics.com/Safari/ </li></ul><ul><li>http://www.webkitbits.com/ </li></ul>
  37. 37. iPhone Touch API http://tlrobinson.net/projects/iphone-light-table/ http://cubiq.org/dropbox/astro/ http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/ <ul><li>http://tlrobinson.net/projects/iphone-light-table/ </li></ul><ul><li>http://cubiq.org/dropbox/astro/ </li></ul><ul><li>http://www.sitepen.com/blog/2008/07/10/ </li></ul>
  38. 38. Canvas <ul><li>http://billmill.org/static/canvastutorial/index.html </li></ul><ul><li>http://www.chromeexperiments.com/detail/harmony/ http://mugtug.com/sketchpad/ </li></ul><ul><li>http://blobsallad.se/ </li></ul>
  39. 39. Books <ul><li>http://building-iphone-apps.labs.oreilly.com/ </li></ul>
  40. 40. Tack! jac [email_address] @litenjacob

×