mendoza wineries


HTML5

+

CSS3

+

Javascript

TLDR;




"Wrapper" de native app con HTML

  • flexible
  • cross browser
  • tecnología de punta

CSS3


  • Transitions
  • Transform
  • Gradients
  • Shadows

JS


  • Frameworks (EmberJS, Backbone, Handlebars)
  • UI's (jQuery Mobile, Bootstrap)
  • DOM (jQuery, prototype)

    HTML


    • Fluid Layout <<<

    Manera #1 AS3



    var webview_viewer:StageWebView;
webview_viewer = new StageWebView();
    webview_viewer.viewPort = new Rectangle(0, 0, stage.fullScreenWidth, stage.fullScreenHeight);
    var html_index:String = new File(new File("app:/html/index.html").nativePath).url;
    webview_viewer.loadURL( html_index );
    webview_viewer.stage = stage;



    Manera #2 Objective C


    NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"html"];
    NSLog(@"%@", path);
    NSURL *url = [NSURL fileURLWithPath:path];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [webView loadRequest:request];

    Manera #3 PhoneGap


    1. Descargar PhoneGap y usar como template en Xcode
    2. PhonGap Cloud Build + Github

    Usan API's de Adobe para interactuar con el device
    Apache Cordova para compilar

    Manera #4 Add TO HOME SCREEN


    Directamente desde Safari Mobile
     agregar una "web" como app
    Se usan meta tags para configurar

    Resultados


    http://bit.ly/MWRVL


    Gracias


    Gorka
    @AquiGorka

    (sí, mail y twitter)
    Made with Slides.com