<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>MyBlogSG.com &#187; N810</title> <atom:link href="http://myblogsg.com/tag/n810/feed/" rel="self" type="application/rss+xml" /><link>http://myblogsg.com</link> <description>My Thoughts on Wat&#039;s Up Around Me</description> <lastBuildDate>Mon, 06 Feb 2012 12:38:57 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Web Design for Mobile Devices</title><link>http://myblogsg.com/web-design-for-mobile-devices/</link> <comments>http://myblogsg.com/web-design-for-mobile-devices/#comments</comments> <pubDate>Thu, 06 Mar 2008 03:01:32 +0000</pubDate> <dc:creator>Wassup</dc:creator> <category><![CDATA[Mobile Internet Devices]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Eee PC]]></category> <category><![CDATA[iPhone]]></category> <category><![CDATA[N810]]></category><guid isPermaLink="false">http://myblogsg.com/web-design-for-mobile-devices</guid> <description><![CDATA[Ever wonder what is the ideal Web page size for the mobile phones, smartphones, Internet tablets or ultraportable laptops? Most mobile phones have screen resolution of 240 by 320 pixels. Smartphones give you bigger viewing area, in the case of iPhone the maximum resolution is 480 by 320 pixels. As for Internet tablet such as [...]]]></description> <content:encoded><![CDATA[<p></p><p>Ever wonder what is the ideal Web page size for the mobile phones, smartphones, Internet tablets or ultraportable laptops? <span id="more-35"></span></p><p><div style="text-align:center"><script type="text/javascript"><!--
google_ad_client = "pub-3169393782861942";
/* wassup.myblog_336x280single */
google_ad_slot = "1091554011";
google_ad_width = 336;
google_ad_height = 280;
//--></script><script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div></p><p><img class="alignright" src='http://cloudfront.myblogsg.com/wp-content/uploads/2008/03/iphone_s.gif' alt='iPhone' />Most mobile phones have screen resolution of 240 by 320 pixels. Smartphones give you bigger viewing area, in the case of <strong>iPhone</strong> the maximum resolution is 480 by 320 pixels. As for Internet tablet such as the <strong>Nokia N810</strong>, you&#8217;ll get a huge 800 by 480 pixels (screen 4.13&#8243;).</p><h3>Display Resolution For Mobile Internet Devices</h3><p>The 800 by 480 pixels may be the new standard for Mobile Internet Devices(<acronym title="Mobile Internet Device">MID</acronym>). It is interesting to note that the wildly popular <a href="http://myblogsg.com/asus-eee-pc">Eee PC</a> also has a 800 by 480 resolution, 7&#8243; screen.</p><p>I think the 800 by 480 pixel is a practical display size to view a web page. However, this resolution may not be possible on a 2&#8243; display of a mobile phone; though it will be nice to have a display with 480 by 320 resolution on all mobile phones.</p><h3>Making Your Web Page Mobile Device Friendly</h3><p>Currently, the most popular screen resolution on most computer is 1024 by 768 pixels. Very likely, your Web page is designed for this 1024 by 768 XGA standard.</p><p>More and more people will be accessing the Internet using their mobile devices. So you&#8217;ll have to make your Web page viewable on a smaller screen. But how small?</p><p>For your new Web pages to reach the increasing number of mobile users, keep the most important message on your Web page to the first 640 by 480.</p><div align="center"> <img src='http://cloudfront.myblogsg.com/wp-content/uploads/2008/03/web_design_mobile.jpg' alt='Web design for small screen' /></div><p>You may want to divide your page into not more than 2 columns with the more important content on the left hand side &#8211; content on the left and navigation on the right. Your left column should be less than 480 pixels, preferably between 320 to 450 pixels.</p><div align="center"><img src='http://cloudfront.myblogsg.com/wp-content/uploads/2008/03/web_design_mobile_001.jpg' alt='Web Design Mobile Internet device' /></div> ]]></content:encoded> <wfw:commentRss>http://myblogsg.com/web-design-for-mobile-devices/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using apc
Object Caching 300/346 objects using apc
Content Delivery Network via Amazon Web Services: CloudFront: cloudfront.myblogsg.com

Served from: myblogsg.com @ 2012-02-07 17:23:50 -->
