Comments on: Getting Your Website To Work On Mobile http://www.pat-burt.com/web-development/getting-your-website-to-work-on-mobile/ Patrick Burt Wed, 23 Jul 2008 17:01:27 +0000 http://wordpress.org/?v=2.2.1 By: Patrick Burt http://www.pat-burt.com/web-development/getting-your-website-to-work-on-mobile/#comment-2628 Patrick Burt Wed, 12 Mar 2008 22:30:28 +0000 http://www.pat-burt.com/web-development/getting-your-website-to-work-on-mobile/#comment-2628 Ah, thanks for the comment Kevin. Very good advice. I do like the Display by Media Type, I was looking for this button, but somehow, i ended up looking under every tab except the CS one. Ah, thanks for the comment Kevin. Very good advice.
I do like the Display by Media Type, I was looking for this button, but somehow, i ended up looking under every tab except the CS one.

]]> By: Kevin http://www.pat-burt.com/web-development/getting-your-website-to-work-on-mobile/#comment-2624 Kevin Wed, 12 Mar 2008 17:25:32 +0000 http://www.pat-burt.com/web-development/getting-your-website-to-work-on-mobile/#comment-2624 In my experience, the most important part of making a website look reasonable on a mobile device is having semantic (x)html that's properly structured. Then even the worst mobile devices with no stylesheet support can give your viewers a pretty good experience. Firefox's Web Developer Toolbar has a couple great features to preview this behaviour: Display by Media Type, and Small Screen Rendering. These quick tools help you get closer to something that'll work on a mobile, without refreshing your device's browser all afternoon. Another quick tip, as per usual, test on multiple devices (and browsers) if possible. A website often looks good on my Motorola Q, and like the dog's breakfast on a Blackberry. In my experience, the most important part of making a website look reasonable on a mobile device is having semantic (x)html that’s properly structured. Then even the worst mobile devices with no stylesheet support can give your viewers a pretty good experience. Firefox’s Web Developer Toolbar has a couple great features to preview this behaviour: Display by Media Type, and Small Screen Rendering. These quick tools help you get closer to something that’ll work on a mobile, without refreshing your device’s browser all afternoon.

Another quick tip, as per usual, test on multiple devices (and browsers) if possible. A website often looks good on my Motorola Q, and like the dog’s breakfast on a Blackberry.

]]>