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.

Related Posts Related Websites
Help sharing and Flatter me ;)

5 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 ;)

  4. [...] neoMobile – HTML Template for mobile browser [...]

Leave a Reply

Follow me