Making a Mobile Site

zaricpp · 03-28-2011, 11:56 PM

I have been looking around and was wondering, how do you create a mobile site? I mean designing one, not just using one of those online tools. If anyone knows any websites that have tutorials or anything it'd be great. Thanks.

Zaricpp.

DHDdirect · 03-29-2011, 12:21 AM

There are a few ways to go about it, one being a whole seperate website and just forward mobile users to this website, the other is to use css to strip down the site/images/adjust widths etc, and a third option is to use javascript show/hide to hide mobile sections of your site from large screens and vice versa.

Anyway you decide to work it, the best tool out there to detect mobile browsers is Tera-WURFL. You may decide you want PCs to use one site, mobiles to use another, and iPAD users to use yet another, this tool will determine that for you and even give you users screen res.

ronaldroe · 03-29-2011, 02:02 AM

Here's a couple of great write-ups on media queries:

http://webdesignerwall.com/general/t...-is-redesigned

http://blog.bloop.co/the-practicalit...-queries-lesso

DHDdirect · 03-29-2011, 03:00 AM

I think you'll find just like css3, media queries don't have wide enough support quite yet. Not sure if it'll ever happen.

*** actually i'll rephrase that. it may be not necessarily because it's not supported but because that even small cheapo phones like my sony-ericsson with a 320x320 screen will try to render websites like the big boys. For instance, with the Opera Mini Simulator you have to change the settings before it will use the mobile device media query.

Helen Sutliff · 04-03-2011, 10:44 AM

Jquery is where you need to start with regards to technology for the design i suggest a read through trends http://www.smashingmagazine.com/2009...n-trends-2009/

How to build a site for mobile this is a great resource http://www.smashingmagazine.com/2010...obile-website/

03-28-2011, 11:56 PM	#1
zaricpp Bronze Member Join Date: Mar 2011 Posts: 34	Making a Mobile Site I have been looking around and was wondering, how do you create a mobile site? I mean designing one, not just using one of those online tools. If anyone knows any websites that have tutorials or anything it'd be great. Thanks. Zaricpp.

03-29-2011, 12:21 AM	#2
DHDdirect Gold Member Join Date: Feb 2011 Location: Australia Posts: 369	There are a few ways to go about it, one being a whole seperate website and just forward mobile users to this website, the other is to use css to strip down the site/images/adjust widths etc, and a third option is to use javascript show/hide to hide mobile sections of your site from large screens and vice versa. Anyway you decide to work it, the best tool out there to detect mobile browsers is Tera-WURFL. You may decide you want PCs to use one site, mobiles to use another, and iPAD users to use yet another, this tool will determine that for you and even give you users screen res. Last edited by DHDdirect; 03-29-2011 at 12:24 AM.

03-29-2011, 03:00 AM	#4
DHDdirect Gold Member Join Date: Feb 2011 Location: Australia Posts: 369	I think you'll find just like css3, media queries don't have wide enough support quite yet. Not sure if it'll ever happen. *** actually i'll rephrase that. it may be not necessarily because it's not supported but because that even small cheapo phones like my sony-ericsson with a 320x320 screen will try to render websites like the big boys. For instance, with the Opera Mini Simulator you have to change the settings before it will use the mobile device media query. Last edited by DHDdirect; 03-29-2011 at 03:16 AM.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

03-29-2011, 02:02 AM	#3
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	Here's a couple of great write-ups on media queries: http://webdesignerwall.com/general/t...-is-redesigned http://blog.bloop.co/the-practicalit...-queries-lesso

04-03-2011, 10:44 AM	#5
Helen Sutliff New Member Join Date: Apr 2011 Posts: 1	Jquery is where you need to start with regards to technology for the design i suggest a read through trends http://www.smashingmagazine.com/2009...n-trends-2009/ How to build a site for mobile this is a great resource http://www.smashingmagazine.com/2010...obile-website/