building a mobile version of a site
- Started
- Last post
- 18 Responses
- jimzyk
calling all mobile web gurus.
what exactly is involved in building a mobile version of a website?
Is it a complete rebuild of a site to suit, or are there more straightforward/simpler ways of doing it?
i've done some googling but havnt found any really solid info as to how to go about building a mobile version of a site, so any links would be muchly appreciated!
- Stugoo0
Funny, Ive 'become the expert' on this over the last few days.
depends
you can write a different stylesheet for handheld devices.
or
you can redirect to a completely different site.here are some links
iphone emulator
http://www.testiphone.com/iphone orientation script
http://snippets.dzone.com/posts/…a list apart article on the whole thing.
http://www.alistapart.com/articl…***google mobile site examples
http://code.google.com/p/iui/something called 'phone gap that I was lookinga t but not sure what it is'
http://phonegap.com/redirection script
http://woork.blogspot.com/2008/0…
- jimzyk0
cool, they are bloody great links stugoo!
i love you
- airey0
fucking awesome thread jimzyk. i too would love to know and have be too scared to go near it. thanks stugoo, if the links don't pay off i'm sending ukit round with a carton of beer and the threat of hanging with you all weekend.
- chow0
It can be a lot of work to get mobile sites right. Do you have access to a variety of mobile devices for testing?
http://mobify.me/ offers a decent shortcut.
- Stugoo0
lil bump.
Ive currently only got a hold of opera mini, dolphin on andriod, and access to safari on iphone... need a guinea pig with a black berry and one of those windows things... don't even know the names of the browsers.
hopefully add to this list in the future.
- cool, a browsershots for all mobile web must pop up somewhere soon!jimzyk
- looks like someone is trying :)
http://mobiforge.com…slinky
- sherm0
i.rugby.com is mobile done right and ecommerce to boot.
- ethanfink0
If you are using wordpress as a cms you can just get this kit:
http://wordpress.org/extend/plug…
- Stugoo0
Found this list of mobile User Agents
http://en.wikipedia.org/wiki/Lis…
- trooperbill0
make it stretchy (wide) as browsers differ in size and it will work portrait and landscape
- stoplying0
I'm working on a project where the mobile version needs to show video...the best example I've found so far is from Reuters...
(Check this on a mobile device)
http://mobile.reuters.com/mobile…
- sandbag0
Similar to Mobify.
Works with Drupal, Joomla, Wordpress.
I used it for a Drupal site, and it was fairly easy.
http://www.osmobi.com/
- foobaz0
This is a really nice PHP mobile platform detection tool. I use it in a model in a CakePHP app of mine and it works like a charm.
- dijitaq0
i'm making a website for a photographer and he wants a mobile version too. is it better to have different size images one for the regular platform and one for the mobile platform, or just rescale the images??
- monNom0
treat mobile like you would IE6.
e.g. a splash screen: "Upgrade to a real browser, asshole."
- Warland0
Phonegap allows you to deploy html/js/css sites to native apps on iphone, android etc
If you've got good javascript chops you can get at some of the cocoa touch classes with this: http://www.liquidgear.net/ for an iphone specific app
To add to stugoo's links:
http://daringfireball.net/2009/1… apples private js kit
Also if you install xcode for iphone dev tools it comes with dashcode which will let you rapidly deploy iphone apps (which work well in any webkit mobile browser, including chrome)
- Stugoo0
digitaq.
I would aim to have the images no larger than 320 px.
Then give each one a link that will view the regular size image that you would use on the page.
you can export these as thumbnails quickly using automation of photoshop.or if you using a cms eg code igniter you can output the dimensions that will rescale an image.
I have 3 sites in production that have good examples of mobile sites two have good galleries. I will post them when they go live.
- LeMatthew0
I just used a Word Press Plug in.