Your SlideShare is downloading. ×

WebAppsFTW

568

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
568
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×