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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

A Brief Introduction to JQuery Mobile

4,354

Published on

Dan Pickett briefly introduces the BostonRB crowd to JQuery Mobile

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,354
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
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
  • \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
  • Transcript

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

    ×