Friday, November 2, 2012

Mobile Website vs Hybrid App comparison

Mobile Website  App

 Strengths
  •  cheapest / easiest / fastest to develop
  •  works across all platforms
  •  updates are immediately available to end users
  •  can work offline
 Weaknesses
  •  cannot use device's native hardware features
  •  slower that native apps 
What can we access?
  •  geolocation api (GPS)
  •  device orientation (accelerometer)
  •  battery
  •  web audio/video (NOT supported by majority of older browsers ) 

Hybrid App

Strengths
  •  code once and deploy the app to multiple platforms
  •  can work offline
  •  content can be updated easily
 Weaknesses
  •   partial access to the device's native hardware features
  •   major changes to the app will require the user to update the app
 What can we access? (using PhoneGap for example)
  •  accelerometer
  •  camera
  •  capture (media files using device's media capture apps)
  •  compass
  •  connection
  •  contacts (devices contact database)
  •  device (device specific info)
  •  events
  •  geolocation
  •  globalization
  •  media (record and play back audio files)
  •  notification
  •  splashscreen
  •  storage  



Saturday, October 13, 2012

How to easily detect and redirect android and iPhone

Simple script for Android detection.

<script type="text/javascript">

         if ( (navigator.userAgent.indexOf('Android') != -1) ) {
document.location = "http://www.your_url.com";
}

</script>


Lets specify Android and iPhone version.

<script type="text/javascript">
       var ua = navigator.userAgent;
       if (ua.indexOf("Android") >= 0) {
           var androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
           if (androidversion <= 2.3) {
               window.location = 'http:/www.your_url.com';
           }
       } if (/(iPhone)/i.test(navigator.userAgent)) {
           if (/OS [1-4]_\d(_\d)? like Mac OS X/i.test(navigator.userAgent)) {
               // iOS 1-4 so Do Something            
               window.location = 'http://www.your_url.com';
           }
       }
</script>

Monday, July 16, 2012

MadeByALexandra


Modern and functional Design. 
Minimalist, Responsive, Trendy, Professional Websites