• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
WebAppsFTW
 

WebAppsFTW

on

  • 841 views

 

Statistics

Views

Total Views
841
Views on SlideShare
841
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    WebAppsFTW WebAppsFTW Presentation Transcript

    • Web Apps The HTML5 Revolution
    • Nicke Nyfiken Jacob + + + HTML5 * JavaScript Math.pow( , ) == Web Apps
    • De första stapplande stegen
        • Inga frames
        • Menyn är en image map
    • via olika projekt
    • och skolor
    • tills idag
    • 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
    • ville skapa framtiden
      • Men framtiden låg visst för långt in i framtiden...
    • den bistra sanningen
        • Ingen layouthantering
        • Primitiva ritverktyg
        • Fult, ointuitivt och trögutvecklat
    • varde ljus
    • iPhone
        • Något helt nytt
        • Läcker hårdvara
        • Intuitiv mjukvara
        • Pushade för Web Apps
    • så blev det
        • Tvingades ta fram iPhone SDK
        • Mobila webbläsare fick ofantligt lyft
        • Resten av marknaden följde efter
    • den mobila webben
    • Finn icke-web-appen
    • och svaret är
    • och svaret är
      • alla var web apps :)
    • hur många bilder i interfacet
    • 1 enda bild - bakgrundsbilden
    • CSS3
      • Precis det som fattades för 3 år sedan
      • Framtiden tillgänglig redan idag:
        • box-shadow
        • border-radius
        • mask
        • transitions
        • animations
        • skalbart
    • CSS3 i praktiken
      • CSS3 + HTML5 + JS
      • =>
      CSS3 == Det nya svarta
    • HTML5
        • Canvas
        • Geolocation
        • localStorage
        • sessionStorage
        • HTML5 database
        • Cache Manifest
        • Video
    • Canvas
    • Geolocation
    • storage
    • HTML5 Database
    • Cache Manifest
    • Video
    • Smygtitt
    • Hybrid Apps
      • Web Apps wrappade i container som tillhandahåller Enhets-API:er såsom:
        • Geo location / GPS
        • Vibration
        • Kamera
        • Kontakter
        • Ljud
        • Accelerometer
    • Men det blir nästa gång...
    • Länkar
    • 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
    • Desktop Web Apps
      • http://280slides.com/
      • http://gomockingbird.com/mockingbird/
      • http://mugtug.com/sketchpad/
      • http://docs.google.com/
    • HTML5
      • http://bit.ly/SafariDocs
      • http://html5demos.com/
      • http://html5doctor.com/
    • 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/
    • 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/
    • Canvas
      • http://billmill.org/static/canvastutorial/index.html
      • http://www.chromeexperiments.com/detail/harmony/ http://mugtug.com/sketchpad/
      • http://blobsallad.se/
    • Books
      • http://building-iphone-apps.labs.oreilly.com/
    • Tack! jac [email_address] @litenjacob