A Brief Introduction to JQuery Mobile
Upcoming SlideShare
Loading in...5
×
 

A Brief Introduction to JQuery Mobile

on

  • 4,570 views

Dan Pickett briefly introduces the BostonRB crowd to JQuery Mobile

Dan Pickett briefly introduces the BostonRB crowd to JQuery Mobile

Statistics

Views

Total Views
4,570
Slideshare-icon Views on SlideShare
2,064
Embed Views
2,506

Actions

Likes
0
Downloads
24
Comments
0

12 Embeds 2,506

http://www.enlightsolutions.com 1134
http://localhost 682
http://enlightsolutions.com 567
http://launchware.com 66
http://feeds.feedburner.com 29
http://kraft.local.crowdly.com 16
http://www.linkedin.com 6
http://webcache.googleusercontent.com 2
http://theserver2.office.codeproject.com 1
http://www.blogsdirectoryhub.com 1
http://feedplanets.com 1
http://enlight.herokuapp.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

A Brief Introduction to JQuery Mobile A Brief Introduction to JQuery Mobile Presentation Transcript

  • JQuery Mobile
  • Hi!www.enlightsolutions.comon the InterWeb dpickett on the Twitterz
  • OMG, That’s a lot of devices!
  • • Blackberry == Horrible Java• Android == Tolerable Java• IPhone == Foreign Obj-C• Windows Mobile == Sepaku!!!
  • • Blackberry == Horrible Java• Android == Tolerable Java• IPhone == Foreign Obj-C• Windows Mobile == Sepaku!!!
  • How’s about some Semantic• Blackberry == Horrible Java Web?• Android == Tolerable Java• IPhone == Completely foreign Obj-C• Windows Mobile == Sepaku!!!
  • HTML5 Is Awesome
  • JQuery is Awesome I Happy Valentine’s Day
  • JQuery Mobile Awesome^2
  • mobile-fuapp/controllers/application_controller.rbdef set_mobile if request.format && request.format.html? session[:mobile_view] = true end if session[:mobile_view] == true request.format = :mobile endend
  • mobile-fu app/controllers/application_controller.rbdef set_mobile if request.format && request.format.html? session[:mobile_view] = true end if session[:mobile_view] == true request.format = :mobile endhttps://github.com/brendanlim/mobile-fuend
  • mobile-fu config/initializers/mime_types.rbMime::Type.register_alias "text/html", :mobile
  • app/views/layouts/application.mobile.erb<%= stylesheet_link_tag("jquery.mobile.min.css", "mobile_frontend")%><%= csrf_meta_tag %><%= javascript_include_tag "jquery-1.4.4.min.js" %><script type="text/javascript"> $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxLinksEnabled: false, ajaxFormsEnabled: false }); });</script><%= javascript_include_tag "jquery.mobile.min.js" %>
  • app/views/layouts/application.mobile.erb<%= stylesheet_link_tag("jquery.mobile.min.css", "mobile_frontend")%><%= csrf_meta_tag %><%= javascript_include_tag "jquery-1.4.4.min.js" %><script type="text/javascript"> $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxLinksEnabled: false, ajaxFormsEnabled: false }); });</script><%= javascript_include_tag "jquery.mobile.min.js" %> https://github.com/jquery/jquery-mobile
  • app/views/layouts/application.mobile.erb<div data-role="page" id="page"> <div data-role="header" data-backbtn="true" id="header"> <h1> <%= image_tag "/images/css/textaurant-logo-small.png", :alt =>"Textaurant" %> <%- if yield(:title).present? -%> <%= yield(:title) %> <%- end -%> </h1> <%= yield(:title_button) %> </div> <%= render :partial => "shared/flashes" %> <div data-role="content"> <%= yield %> </div></div>
  • app/views/restaurants/index.mobile.erb<%= content_for :title do -%> <h1>Restaurants</h1><%- end -%><ul data-role="listview"> <li data-role="list-divider"> Please select a restaurant </li> <%- @locations.each do |i| -%> <li class="arrow"> <%= link_to i.name, new_restaurant_visit_path(i) %> </li> <%- end -%></ul>
  • JQueryMobile Is Awesome• Built on web standards• Built by a talented and capable team• It’s JQuery-based• It’s not having to learn 5 different frameworks and languages
  • Currently In Alpha
  • JQuery Mobile is Young• Heavy footprint• No final API for customization• Limited theme extensibility
  • For App Store Love
  • For App Store Lovehttps://github.com/phonegap/phonegap
  • Thanks!