building a mobile version of a site 1818 Responses

Last post: 3 years, 2 months ago | Thread started: Jan 21, 10, 4:17 a.m.

RespondNew TopicDisable Images

• 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!

  Jan 21, 10, 4:17 a.m. – Permalink

• Stugoo

  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…

  • expert in the company, that is..
    murgh.
    check the google link.– Stugoo1/4

    THanks for posting these...– stoplying2/4

    great post– scarabin3/4

    yeah these are great stugoo– jimzy4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 21, 10, 4:46 a.m. – Permalink

• jimzyk

  cool, they are bloody great links stugoo!
  i love you

  • +1– lukus_W

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 21, 10, 4:04 p.m. – Permalink

• airey

  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.

  • lol– spraycan

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 21, 10, 4:07 p.m. – Permalink

• chow

  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.

  • nice, bookmarked.– Stugoo1/2

    brilliant thanks for that chow, only have iphone so that will be super helpful!– jimzyk2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 21, 10, 4:17 p.m. – Permalink

• Stugoo

  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!– jimzyk1/2

    looks like someone is trying :)
    http://mobiforge.com…– slinky2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 22, 10, 1:57 a.m. – Permalink

• sherm

  i.rugby.com is mobile done right and ecommerce to boot.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 22, 10, 11:05 a.m. – Permalink

• ethanfink

  If you are using wordpress as a cms you can just get this kit:
  http://wordpress.org/extend/plug…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 22, 10, 11:11 a.m. – Permalink

• Stugoo

  Found this list of mobile User Agents
  http://en.wikipedia.org/wiki/Lis…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 18, 10, 5:06 a.m. – Permalink

• trooperbill

  make it stretchy (wide) as browsers differ in size and it will work portrait and landscape

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 18, 10, 5:26 a.m. – Permalink

• stoplying

  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…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 18, 10, 8:31 a.m. – Permalink

• sandbag

  Similar to Mobify.
  Works with Drupal, Joomla, Wordpress.
  I used it for a Drupal site, and it was fairly easy.
  http://www.osmobi.com/

  • Here's the site: http://www.emeraldde…– sandbag

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 18, 10, 3:58 p.m. – Permalink

• foobaz

  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.

  http://detectmobilebrowsers.mobi…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 18, 10, 4:07 p.m. – Permalink

• dijitaq

  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??

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 20, 10, 12:05 a.m. – Permalink

• monNom

  treat mobile like you would IE6.
  e.g. a splash screen: "Upgrade to a real browser, asshole."

  • dick– monospaced

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 20, 10, 12:41 a.m. – Permalink

• Warland

  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

  http://www.jqtouch.com/

  http://webapp-net.com/

  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)

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 20, 10, 6:05 a.m. – Permalink

• Warland

  And - http://iphoneized.com/2009/11/18…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 20, 10, 10:17 a.m. – Permalink

• Stugoo

  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.

  • thanks!– dijitaq

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 20, 10, 11:43 a.m. – Permalink

• LeMatthew

  I just used a Word Press Plug in.

  http://www.bravenewcode.com/prod…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 20, 10, 11:51 a.m. – Permalink