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 == Se...
• Blackberry     == Horrible Java• Android        == Tolerable Java• IPhone         == Foreign Obj-C• Windows Mobile == Se...
How’s about some Semantic• Blackberry == Horrible Java                       Web?• Android == Tolerable Java• IPhone == Co...
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[:mo...
mobile-fu app/controllers/application_controller.rbdef set_mobile  if request.format && request.format.html?    session[:m...
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...
app/views/layouts/application.mobile.erb<%= stylesheet_link_tag("jquery.mobile.min.css", "mobile_frontend")%><%= csrf_meta...
app/views/layouts/application.mobile.erb<div data-role="page" id="page">  <div data-role="header" data-backbtn="true" id="...
app/views/restaurants/index.mobile.erb<%= content_for :title do -%>  <h1>Restaurants</h1><%- end -%><ul data-role="listvie...
JQueryMobile Is         Awesome• Built on web standards• Built by a talented and capable team• It’s JQuery-based• It’s not...
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!
A Brief Introduction to JQuery Mobile
A Brief Introduction to JQuery Mobile
A Brief Introduction to JQuery Mobile
A Brief Introduction to JQuery Mobile
Upcoming SlideShare
Loading in...5
×

A Brief Introduction to JQuery Mobile

4,398

Published on

Dan Pickett briefly introduces the BostonRB crowd to JQuery Mobile

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
4,398
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \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

    1. 1. JQuery Mobile
    2. 2. Hi!www.enlightsolutions.comon the InterWeb dpickett on the Twitterz
    3. 3. OMG, That’s a lot of devices!
    4. 4. • Blackberry == Horrible Java• Android == Tolerable Java• IPhone == Foreign Obj-C• Windows Mobile == Sepaku!!!
    5. 5. • Blackberry == Horrible Java• Android == Tolerable Java• IPhone == Foreign Obj-C• Windows Mobile == Sepaku!!!
    6. 6. How’s about some Semantic• Blackberry == Horrible Java Web?• Android == Tolerable Java• IPhone == Completely foreign Obj-C• Windows Mobile == Sepaku!!!
    7. 7. HTML5 Is Awesome
    8. 8. JQuery is Awesome I Happy Valentine’s Day
    9. 9. JQuery Mobile Awesome^2
    10. 10. 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
    11. 11. 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
    12. 12. mobile-fu config/initializers/mime_types.rbMime::Type.register_alias "text/html", :mobile
    13. 13. 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" %>
    14. 14. 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
    15. 15. 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>
    16. 16. 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>
    17. 17. 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
    18. 18. Currently In Alpha
    19. 19. JQuery Mobile is Young• Heavy footprint• No final API for customization• Limited theme extensibility
    20. 20. For App Store Love
    21. 21. For App Store Lovehttps://github.com/phonegap/phonegap
    22. 22. Thanks!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×