<div dir="ltr">Hi Mark, <div><br></div><div>Thanks for taking interest in the OpenStreetMap mobile experience. I've recently been working with <a href="https://github.com/jfirebaugh">John Firebaugh</a> and others on improving the design of <a href="http://osm.org">osm.org</a>. Making the mobile experiecne better is one of the tasks we plan to take on soon.</div>
<div><br></div><div>The best way forward is to adapt a responsive web design approach. Implementation-wise, that means using as much of the same code and markup that the desktop site uses as possible, and then adjusting styles based on break points with CSS media queries. Now that table-based layouts have been removed completely from <a href="http://osm.org">osm.org</a>, we'll be able to establish a responsive grid across <a href="http://osm.org">osm.org</a> that transitions nicely from desktop to tablet to mobile. </div>
<div><br></div><div>Beyond just "using media queries and a responsive grid", we need to address two problems:</div><div><br></div><div>1. The mobile use case differs from the desktop use case. Mobile users tend to be more focused on quickly consuming content rather than creating.</div>
<div>2. There are certain technical limitations that come with mobile/touch devices (for example, no web-based editors currently work on mobile, so the 'edit' tab should either be remove or adjusted to link to apps that <i>do</i> work on mobile devices).<br>
</div><div><br></div><div>I believe we'll be able to solve both these problems with a straightforward responsive web design approach.</div><div><br></div><div>Delivering a different site with a different codebase to mobile users would make maintenance and progress difficult. The most helpful thing you can do right now is make specific issues about how the current mobile experience falls short on the github issue tracker, and if you've got the technical know-how, to start fixing things and submitting pull requests: <a href="https://github.com/openstreetmap/openstreetmap-website/issues?direction=desc&sort=updated&state=open">https://github.com/openstreetmap/openstreetmap-website/issues?direction=desc&sort=updated&state=open</a></div>
<div><br></div></div><div class="gmail_extra"><br><br><div class="gmail_quote">On Tue, Aug 6, 2013 at 5:00 PM, Mark Newnham <span dir="ltr"><<a href="mailto:mark@newnhams.com" target="_blank">mark@newnhams.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div style="font-size:10pt;font-family:arial,helvetica,sans-serif"><div style="border:0px;padding:7px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;color:rgb(51,51,51);line-height:19px;background-color:rgb(252,253,254)">
Apologies if a duplicate post, I submitted the same message onto the list before I was approved and it seems to be in moderator limbo</div><div style="border:0px;padding:7px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;color:rgb(51,51,51);line-height:19px;background-color:rgb(252,253,254)">
Stemming from a discussion on a diary entry I created <a rel="nofollow" href="http://www.openstreetmap.org/user/Mark%20Newnham/diary/19723" style="text-decoration:none;color:rgb(35,101,176);outline:0px" target="_blank">http://www.openstreetmap.org/user/Mark%20Newnham/diary/19723</a> , I'm trying to start a project about getting an improved
 home screen for <a href="http://openstreetmap.org" target="_blank">openstreetmap.org</a> when someone lands there while using a mobile device,especially a small device like a smartphone. I feel that it is extremely unfriendly (i know, i've used it) and that many potential contributors could be frightened away simply by the fact that there is no explanation to what is going on. A redirect to an extremely simple mobile framework screen would be better than what is going on now.</div>
<div style="border:0px;padding:7px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;color:rgb(51,51,51);line-height:19px;background-color:rgb(252,253,254)">I've recently placed a request in to the wiki team to get the mobile frontend installed on the wiki as part of the same request.</div>
<div style="border:0px;padding:7px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;color:rgb(51,51,51);line-height:19px;background-color:rgb(252,253,254)">I'm assuming that the mobile interface would
 have to be built in ruby, and I've no experience at all in that, and no real time to learn it. I've loads of experience in  php/javascript development and have used jquery wrappers to build mobile web apps, but I'm happy to be involved in building prototypes and  to donate bandwidth and disk space to such a project.</div>
<div style="border:0px;padding:7px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;color:rgb(51,51,51);line-height:19px;background-color:rgb(252,253,254)">I originally placed this message on the development forum, and it was suggested it should be placed here for a better response, so here it is...</div>
</div></div><br>_______________________________________________<br>
dev mailing list<br>
<a href="mailto:dev@openstreetmap.org">dev@openstreetmap.org</a><br>
<a href="http://lists.openstreetmap.org/listinfo/dev" target="_blank">http://lists.openstreetmap.org/listinfo/dev</a><br>
<br></blockquote></div><br></div>