neoMobile – HTML Template for mobile browser

Nowadays and everyday more users browse the web with their mobile devices. iPhone or Android is the coolest thing now!

Here in Spain we have lot of providers that for a fix price we have internet 24h. Sometimes they put some limitations but works good. That means lot of visitors that we should care about them just a bit. No?

Because of that I did a simple HTML template for your site!

Demo
Download

Also I made it for Open Classifieds and you can download it and preview it (only mobile devices).

If you want to detect if is a mobile device in php, maybe is useful this function from mobiForge (I’ve changed few things):

function isMobile(){
	if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
	   return true;
	}
 
	if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) {
	   return true;
	}    
 
	$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
	$mobile_agents = array(
	    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
	    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
	    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
	    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
	    'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
	    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
	    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
	    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
	    'wapr','webc','winw','winw','xda','xda-');
 
	if(in_array($mobile_ua,$mobile_agents)) return true; 
	if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) return true;
	if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) return true;
 
	return false;
}

In ASP you can find the mobile detector redirect here.

Thanks to woork for the tips.

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • FriendFeed
  • Meneame
  • Netvibes
  • Reddit
  • StumbleUpon
  • Tumblr
  • Wikio
  • RSS
  • email
  • PDF
  • Print

Related posts:

  1. Neo22s for mobile devices
  2. Function to check if visitor is a bot
  3. Compress HTML before sending to the browser
  4. Post it Board – HTML Template
  5. Allow only numbers or letters in HTML inputs

4 Comments

  1. Charlie says:

    Hi, Thanks for article. Everytime like to read you.
    Have a nice day
    Charlie

  2. Instead of using $mobile_browser variable, you should just output true right in the time you detect it is true.

    Just change every “$mobile_browser = true;” with “return true;” And the last “return $mobile_browser;” with “return false;”

    This way you don’t waste time processing more data when you know the result.

  3. Chema says:

    Hello Alex, Welcome

    You are damm right BTW.

    I will change it as soon as I have some time, thanks for your advise ;)

Leave a Reply

Follow me