<?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>.mobi &#8211; stoimen&#039;s web log</title>
	<atom:link href="/tag/mobi/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>on web development</description>
	<lastBuildDate>Tue, 13 Feb 2018 08:18:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.0.3</generator>
	<item>
		<title>PHP: Mobile Devices HTTP_USER_AGENT Strings</title>
		<link>/2010/03/22/php-mobile-devices-http_user_agent-strings/</link>
		<comments>/2010/03/22/php-mobile-devices-http_user_agent-strings/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 20:04:07 +0000</pubDate>
		<dc:creator><![CDATA[Stoimen]]></dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[.mobi]]></category>
		<category><![CDATA[Clients]]></category>
		<category><![CDATA[Computing]]></category>
		<category><![CDATA[http]]></category>
		<category><![CDATA[Mobile browser]]></category>
		<category><![CDATA[mobile device]]></category>
		<category><![CDATA[Mobile software]]></category>
		<category><![CDATA[Technology/Internet]]></category>
		<category><![CDATA[User agent]]></category>
		<category><![CDATA[web browsers]]></category>

		<guid isPermaLink="false">/?p=1376</guid>
		<description><![CDATA[So You&#8217;re Going Mobile It&#8217;s nice that at least you&#8217;re moving your site to mobile device. It&#8217;s really important. Now if you&#8217;re using PHP the question is how to detect the mobile browser. HTTP_USER_AGENT Every PHP developer knows that $_SERVER[&#8216;HTTP_USER_AGENT&#8217;] string optionally contain the browser that access your site, but what are the possible values &#8230; <a href="/2010/03/22/php-mobile-devices-http_user_agent-strings/" class="more-link">Continue reading <span class="screen-reader-text">PHP: Mobile Devices HTTP_USER_AGENT Strings</span> <span class="meta-nav">&#8594;</span></a><div class='yarpp-related-rss'>

Related posts:<ol>
<li><a href="/2010/03/09/php-detecting-mobile-device/" rel="bookmark" title="PHP: detecting mobile device">PHP: detecting mobile device </a></li>
<li><a href="/2010/03/18/mobile-internet-users-are-getting-more-important/" rel="bookmark" title="Mobile Internet Users are Getting More Important">Mobile Internet Users are Getting More Important </a></li>
<li><a href="/2011/07/29/php-strings-how-to-get-the-extension-of-a-file/" rel="bookmark" title="PHP Strings: How to Get the Extension of a File">PHP Strings: How to Get the Extension of a File </a></li>
<li><a href="/2012/04/26/php-strings-dont-need-quotes/" rel="bookmark" title="PHP Strings Don&#8217;t Need Quotes">PHP Strings Don&#8217;t Need Quotes </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<h2>So You&#8217;re Going Mobile</h2>
<p>It&#8217;s nice that at least you&#8217;re moving your site to mobile device. It&#8217;s really important. Now if you&#8217;re using PHP the question is how to detect the mobile browser.</p>
<h2>HTTP_USER_AGENT</h2>
<p>Every PHP developer knows that <strong>$_SERVER[&#8216;HTTP_USER_AGENT&#8217;]</strong> string optionally contain the browser that access your site, but what are the possible values of this string?</p>
<h2>The Answer is &#8230;</h2>
<p>in that really really full list of user agent strings: <a href="http://www.zytrax.com/tech/web/mobile_ids.html" target="_blank">http://www.zytrax.com/tech/web/mobile_ids.html</a></p>
<div class='yarpp-related-rss'>
<p>Related posts:<ol>
<li><a href="/2010/03/09/php-detecting-mobile-device/" rel="bookmark" title="PHP: detecting mobile device">PHP: detecting mobile device </a></li>
<li><a href="/2010/03/18/mobile-internet-users-are-getting-more-important/" rel="bookmark" title="Mobile Internet Users are Getting More Important">Mobile Internet Users are Getting More Important </a></li>
<li><a href="/2011/07/29/php-strings-how-to-get-the-extension-of-a-file/" rel="bookmark" title="PHP Strings: How to Get the Extension of a File">PHP Strings: How to Get the Extension of a File </a></li>
<li><a href="/2012/04/26/php-strings-dont-need-quotes/" rel="bookmark" title="PHP Strings Don&#8217;t Need Quotes">PHP Strings Don&#8217;t Need Quotes </a></li>
</ol></p>
</div>
]]></content:encoded>
			<wfw:commentRss>/2010/03/22/php-mobile-devices-http_user_agent-strings/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mobile Internet Users are Getting More Important</title>
		<link>/2010/03/18/mobile-internet-users-are-getting-more-important/</link>
		<comments>/2010/03/18/mobile-internet-users-are-getting-more-important/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 08:17:29 +0000</pubDate>
		<dc:creator><![CDATA[Stoimen]]></dc:creator>
				<category><![CDATA[web development]]></category>
		<category><![CDATA[.mobi]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Internet Mobile It]]></category>
		<category><![CDATA[Mobile advertising]]></category>
		<category><![CDATA[mobile device]]></category>
		<category><![CDATA[Mobile Internet]]></category>
		<category><![CDATA[Mobile phone]]></category>
		<category><![CDATA[mobile phones]]></category>
		<category><![CDATA[Mobile telecommunications]]></category>
		<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Technology/Internet]]></category>
		<category><![CDATA[Windows Mobile]]></category>
		<category><![CDATA[Wireless]]></category>

		<guid isPermaLink="false">/?p=1354</guid>
		<description><![CDATA[Internet Mobile It isn&#8217;t strange that the internet is becoming more and more mobile. When it matters to news sites I think most of the mobile versions are better than the &#8220;desktop&#8221; versions of the site. Take a look at Huffingtonpost.com or LeMonde.fr. Mobile Ads The first thing that makes impression when comparing both mobile &#8230; <a href="/2010/03/18/mobile-internet-users-are-getting-more-important/" class="more-link">Continue reading <span class="screen-reader-text">Mobile Internet Users are Getting More Important</span> <span class="meta-nav">&#8594;</span></a><div class='yarpp-related-rss'>

Related posts:<ol>
<li><a href="/2010/03/22/php-mobile-devices-http_user_agent-strings/" rel="bookmark" title="PHP: Mobile Devices HTTP_USER_AGENT Strings">PHP: Mobile Devices HTTP_USER_AGENT Strings </a></li>
<li><a href="/2010/03/17/stop-coding-iphone-apps-begin-with-html5-mobile-sites/" rel="bookmark" title="Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites">Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites </a></li>
<li><a href="/2010/03/09/php-detecting-mobile-device/" rel="bookmark" title="PHP: detecting mobile device">PHP: detecting mobile device </a></li>
<li><a href="/2010/03/10/change-the-viewport-be-ready-for-the-iphone/" rel="bookmark" title="Change the Viewport, be Ready for the iPhone!">Change the Viewport, be Ready for the iPhone! </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<h2>Internet Mobile</h2>
<p>It isn&#8217;t strange that the internet is becoming more and more mobile. When it matters to news sites I think most of the mobile versions are better than the &#8220;desktop&#8221; versions of the site. Take a look at <a title="Huffingtonpost" href="http://www.huffingtonpost.com/" target="_blank">Huffingtonpost.com</a> or <a title="Le Monde Fr" href="http://www.lemonde.fr/" target="_blank">LeMonde.fr</a>.</p>
<h2>Mobile Ads</h2>
<p>The first thing that makes impression when comparing both mobile and desktop versions of a site is the layout. Of course the lack of ads on the mobile version, or if not the absolute lack at least the small number of appearing ads, seems to be quite pleasant.</p>
<p>The thing is that as the web grow and as the web 2.0 is becoming a reality most of us will prefer to use it on a mobile device, just because it&#8217;s</p>
<ol>
<li>easier to use</li>
<li>easier to find</li>
<li>easier to follow</li>
</ol>
<p>Here&#8217;s a nice example of what mobile phones are now.<a style="margin: 0 auto;" href="/wp-content/uploads/2010/03/mobile-market-share.gif"><img class="aligncenter size-medium wp-image-1357" title="Mobile Market Share 2010" src="/wp-content/uploads/2010/03/mobile-market-share-300x181.gif" alt="" width="430" height="281" /></a></p>
<p>Now lets take a look on how the mobile web will grow in the near future.</p>
<p><a style="margin: 0 auto;" href="/wp-content/uploads/2010/03/3687.gif"><img class="aligncenter size-full wp-image-1358" title="Mobile Internet Users Chart" src="/wp-content/uploads/2010/03/3687.gif" alt="" width="260" height="200" /></a></p>
<p>That graphics describe quite well what will happen in the upcoming years. Is there now a question: <em><strong>should I make a mobile version of my site?</strong></em></p>
<div class='yarpp-related-rss'>
<p>Related posts:<ol>
<li><a href="/2010/03/22/php-mobile-devices-http_user_agent-strings/" rel="bookmark" title="PHP: Mobile Devices HTTP_USER_AGENT Strings">PHP: Mobile Devices HTTP_USER_AGENT Strings </a></li>
<li><a href="/2010/03/17/stop-coding-iphone-apps-begin-with-html5-mobile-sites/" rel="bookmark" title="Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites">Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites </a></li>
<li><a href="/2010/03/09/php-detecting-mobile-device/" rel="bookmark" title="PHP: detecting mobile device">PHP: detecting mobile device </a></li>
<li><a href="/2010/03/10/change-the-viewport-be-ready-for-the-iphone/" rel="bookmark" title="Change the Viewport, be Ready for the iPhone!">Change the Viewport, be Ready for the iPhone! </a></li>
</ol></p>
</div>
]]></content:encoded>
			<wfw:commentRss>/2010/03/18/mobile-internet-users-are-getting-more-important/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Change the Viewport, be Ready for the iPhone!</title>
		<link>/2010/03/10/change-the-viewport-be-ready-for-the-iphone/</link>
		<comments>/2010/03/10/change-the-viewport-be-ready-for-the-iphone/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 15:07:08 +0000</pubDate>
		<dc:creator><![CDATA[Stoimen]]></dc:creator>
				<category><![CDATA[micro tutorial]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[.mobi]]></category>
		<category><![CDATA[Computing]]></category>
		<category><![CDATA[Digg]]></category>
		<category><![CDATA[Google Inc.]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[HTML element]]></category>
		<category><![CDATA[Human Interest]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[less decorated site]]></category>
		<category><![CDATA[Meta element]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Opera Mini]]></category>
		<category><![CDATA[Technology/Internet]]></category>
		<category><![CDATA[World Wide Web]]></category>

		<guid isPermaLink="false">/?p=1247</guid>
		<description><![CDATA[Sites for mobile Have you ever noticed that once you start designing a site for mobile, as iPhone and Nexus One from Google are, the site is looking really ugly! These two devices in particular, as may other using Opera Mini for instance, scale the site, because only than you can view the entire layout &#8230; <a href="/2010/03/10/change-the-viewport-be-ready-for-the-iphone/" class="more-link">Continue reading <span class="screen-reader-text">Change the Viewport, be Ready for the iPhone!</span> <span class="meta-nav">&#8594;</span></a><div class='yarpp-related-rss'>

Related posts:<ol>
<li><a href="/2010/03/17/stop-coding-iphone-apps-begin-with-html5-mobile-sites/" rel="bookmark" title="Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites">Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites </a></li>
<li><a href="/2010/03/22/php-mobile-devices-http_user_agent-strings/" rel="bookmark" title="PHP: Mobile Devices HTTP_USER_AGENT Strings">PHP: Mobile Devices HTTP_USER_AGENT Strings </a></li>
<li><a href="/2010/01/31/speed-up-the-javascript-it-can-change-dramatically-the-user-experience/" rel="bookmark" title="Speed up the JavaScript. It can change dramatically the user experience.">Speed up the JavaScript. It can change dramatically the user experience. </a></li>
<li><a href="/2010/08/03/html-tags/" rel="bookmark" title="HTML Tags: &lt;base&gt;">HTML Tags: &lt;base&gt; </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<h2>Sites for mobile</h2>
<p>Have you ever noticed that once you start designing a site for mobile, as <a title="Apple iPhone" href="http://www.apple.com/iphone/" target="_blank">iPhone</a> and <a title="Nexus One from Google" href="http://www.google.com/phone/" target="_blank">Nexus One</a> from Google are, the site is looking really ugly! These two devices in particular, as may other using <a title="Opera Mini" href="http://www.opera.com/mini/" target="_blank">Opera Mini</a> for instance, scale the site, because only than you can view the entire layout and than zoom to a particular part of the page.</p>
<p>This is nice because news sites as <a title="CNN" href="http://cnn.com/" target="_blank">cnn.com</a> or <a title="Le Monde France" href="http://lemonde.fr/" target="_blank">lemonde.fr</a> are full of text &amp; image information and once zoomed in they fit the screen &#8211; very nice feature of the browsers. However if you&#8217;d like to design a site for mobile the bad part comes here. Yeah you know how to detect the browser, that was a topic of one of my previous posts, but even than you fully functional, but less decorated site is scaled again and looks more ugly than the full version of the site.</p>
<p><a href="/wp-content/uploads/2010/03/mobile.twitter.png"><img class="aligncenter size-full wp-image-1248" title="mobile.twitter" src="/wp-content/uploads/2010/03/mobile.twitter.png" alt="Twitter for mobile" width="320" height="480" srcset="/wp-content/uploads/2010/03/mobile.twitter.png 320w, /wp-content/uploads/2010/03/mobile.twitter-200x300.png 200w" sizes="(max-width: 320px) 100vw, 320px" /></a></p>
<h2>How to make a site visible in mobile &#8230;</h2>
<p>Look at the <a title="Mobile Twitter" href="http://mobile.twitter.com/" target="_blank">http://mobile.twitter.com/</a> &#8211; the problem is that if you open this link with a normal browser, not from mobile, you&#8217;ll get redirected to the twitter.com and you cannot see the difference.</p>
<h2>You can see how it&#8217;s made on &#8230;</h2>
<p>The digg&#8217;s mobile version. Look at <a title="Digg for mobile" href="http://m.digg.com/" target="_blank">http://m.digg.com/</a>. This time you can see the different approach just by looking at the source code. Pay attention to meta tag in the head &#8211; it simply says &#8211; &#8220;don&#8217;t scale&#8221;. Nice thing to notice!</p>
<p>Don&#8217;t scale my site anymore:</p>
<pre lang="html4strict" escaped="true">&lt;html&gt;
 &lt;head&gt;
  &lt;meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/&gt;
 &lt;/head&gt;
...
&lt;/html&gt;</pre>
<div class='yarpp-related-rss'>
<p>Related posts:<ol>
<li><a href="/2010/03/17/stop-coding-iphone-apps-begin-with-html5-mobile-sites/" rel="bookmark" title="Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites">Stop Coding iPhone Apps, Begin with HTML5 Mobile Sites </a></li>
<li><a href="/2010/03/22/php-mobile-devices-http_user_agent-strings/" rel="bookmark" title="PHP: Mobile Devices HTTP_USER_AGENT Strings">PHP: Mobile Devices HTTP_USER_AGENT Strings </a></li>
<li><a href="/2010/01/31/speed-up-the-javascript-it-can-change-dramatically-the-user-experience/" rel="bookmark" title="Speed up the JavaScript. It can change dramatically the user experience.">Speed up the JavaScript. It can change dramatically the user experience. </a></li>
<li><a href="/2010/08/03/html-tags/" rel="bookmark" title="HTML Tags: &lt;base&gt;">HTML Tags: &lt;base&gt; </a></li>
</ol></p>
</div>
]]></content:encoded>
			<wfw:commentRss>/2010/03/10/change-the-viewport-be-ready-for-the-iphone/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
