The document discusses gaps in mobile web development and how City Mouse Mobile addresses these gaps, including look and feel, fixed scrolling, vanilla features, and maps. It provides examples of tools like jqTouch and iScroll that can be used to improve the mobile web experience and discusses future developments like HTML5 that may continue closing remaining gaps. The document promotes City Mouse Mobile's services in developing mobile web applications that take advantage of these solutions.

1. City Mouse Mobile A Case Study

4. City Mouse Mobile [ link ]

5. Why Mobile Web?

6. It's Web

7. Still, a website Splash Screen Look & Feel Native Share Look & Feel Native Call Action Keypad Location Aware Smart Loading

8. One to many App Store Market Place Stand Alone Desktop

12. Mind the Gap How's Mobile Web different

13. It's Web ...

15. border-radius

16. Images

17. Today Mobile UI components

18. Sencha Touch Kitchen Sink [ link ]

19. jQuery Mobile [ link ]

20. <input type=&quot;checkbox&quot; />

21. Happily ever ::after CSS3 shapes

22. To name a few... jqTouch iUI joApp kendoUI (soon) TouchyBP (wink) PastryKit ( wtf ?)

23. Mind the Gap Fixed scrolling

24. Fixed header and footer

25. Uses iScroll $.fn.scrollVertically = function (options) { return this.each(function () { new iScroll(this, options); }); }; $.fn.scrollHorizontally = function (options) { return this.each(function () { new iScrollHorizontal(this, options); }); }; $.jQTouch.addExtension(function (jQT) { $(document.body).bind('pageInserted', function () { horizontal.scrollHorizontally(...); vertical.scrollVertically(...); }); }); jqt.scrolling.js

26. Today Newer scrolling plugins

27. To name a few... iScroll 4 Scrollability touch-scroll [ more ]

28. Tomorrow What the future (aka Apple) brings

29. { position: fixed; } iOS5

30. Mind the Gap Vanilla Features

31. #gallery ? Pages System

32. Templates System

33. Local Content Geolocation

34. Mind the Map

35. It's Waze var g_waze_config = { div_id: &quot;map&quot;, locale: &quot;israel&quot;, zoom: 8, token: &quot;666&quot;, framed_cloud_image_url: &quot;cloud&quot;, alt_base_layer: &quot;israel_colors&quot;, alt_map_servers: &quot;ymap1/wms-c&quot; };

36. Simulate Event Mouse Touch

37. It's a maze ... MapManager. simulateEvent = function (event, type, doNotPreventDefault) { var event = event.originalEvent, touches = event.changedTouches, first = touches[0]; var simulatedEvent = document.createEvent(&quot;MouseEvent&quot;); simulatedEvent.initMouseEvent( first.screenX, first.screenY, first.clientX, first.clientY ); first.target.dispatchEvent(simulatedEvent); if (doNotPreventDefault != true) { event.preventDefault(); } };

38. Today

39. Israel is on GMap

40. The last Gap

41. PhoneGap

42. Makes these possible Appstore Native Share

44. And if you've asked yourself about the font... I'm Comic Sans, Asshole :)