I'm just about to start developing a mobile site and was looking at all the great features that jquery mobile can bring.

 

I wanted to ask if anyone has actually used it in a site that they have produced and wouldn't mind sharing them with me.

 

I'm conerned that the weight of jquery and jquery mobile (50kB's gzipped and minified) will slow the site down using 3G connections. Obviously in the States they have 4G which is so much faster than ours. With 4G not being available here for such a long time would I be better off writing the pretty functionality with out the use of a javascript framework?

 

Any opinions would be really helpful

 

Thanks

 

Ysuran

TBH, I'd suggest using a responsive layout rather than a full mobile version.

 

Wrap your JS calls in a test against screen.width to load efficiently.

Second the above post.

 

Nothing worse than making a restricted version of a website and calling it 'Mobile version'

thanks for the replies

 

I had considered using @media screen but hadn't even considered a JS solution for some reason! If you had slideshows and other similar features on the site that aren't really mobile friendly would you just use some conditional JS to remove them?

 

Also the site has css only hover menu's I know these aren't really mobile friendly are there any solutions other than rewriting the way they are done or using javascript?

I use jQuery mobile on my site and it is nice if you need to get something done quick and dirty or if the page has too much content to effectively do a responsive page. With responsive layouts everything still gets loaded regardless if you display them or not. So if you have more content than the weight of the jQuery libraries, then it might be a better option for you.

If you're conditionally loading JS resources only for the desktop, it makes sense to put the slides' markup and images in a separate file (a html fragment) and insert them into the page using your conditionally-loaded JS.

thats great thanks for the advice guys