• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
A Brief Introduction to JQuery Mobile
 

A Brief Introduction to JQuery Mobile

on

  • 4,547 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,547
Views on SlideShare
2,041
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!