Mobile

i-phone & i-pad Detection

Problem: Apple devices (i-phones, i-pads, etc) do not support Flash files but instead will just display a blank white page. This can leave the website visitor confused.  The Web Developer needs to create a message letting the user know that their browser doesn't support this feature and/or redirect them to a different web page with alternative content.… Continue reading i-phone & i-pad Detection

Mobile

Device Detection Code

Detecting device type based on features Basic logic: if (hasTouch) { if (isSmall) {device = PHONE; } else {device = TABLET; } } else {device = DESKTOP;} Device detected: function hasTouch() { return Modernizr.touch;} function isSmall() {return window.matchMedia("(max-width: 650px)").matches;} function detectDevice() { if (hasTouch()) { if (isSmall()) {device = 'phone';  } else {device = 'tablet';  … Continue reading Device Detection Code

Mobile

Small Device Detection

Since so many people view websites with their mobile device now, you may want to have a different version of your website. You can add code to the top of your page that sees if the user's screen is smaller than what your website was programmed to view at and if it is, redirect them… Continue reading Small Device Detection

Mobile

Google Maps

I have been using Google Maps for several years now - because well, I have always said "I'm geographically challenged". I like that Google Maps is also on my smartphone (android) so even if I'm out walking around I can find my way around. If you haven't already downloaded the Google Map Navigation App to your… Continue reading Google Maps

Mobile

Mobile Device Emulators

Just dropping off a few links here for other mobile developers. http://platform.twitter.com/widgets/hub.1326407570.html Android: http://developer.android.com/sdk/index.html Blackberry: https://bdsc.webapps.blackberry.com/html5/download If you have a mobile device that supports WiFi, connect it to your access point and ensure an IP address from the local network has been assigned. Then change the Web settings for your project in Visual Studio to… Continue reading Mobile Device Emulators

Mobile

Firefox Add-ons for Mobile Web Development

First - Make sure you have downloaded Mozilla Firefox. Next  -  Dowload and install the following: Microsoft .NET Framework Assistant 1.1 - Download Adds ClickOnce support and the ability to report installed .NET versions to the web server. Modify Headers - Download Add, modify and filter the HTTP request headers sent to web servers. This addon… Continue reading Firefox Add-ons for Mobile Web Development

Mobile

i-pad development

If you have a version of your website that is optimized for mobile devices with small screens, do NOT serve that mobile version to iPad users. iPads are to look like the desktop version, just using a smaller screen. iPads users will be using the browser called Safari. NOTE: Keep in mind that plug-ins are… Continue reading i-pad development

Email, Mobile

How to Text via Email

To send a text message via email, substitute a 10-digit cell number for ‘number’ for each carrier below: AT&T: number@txt.att.net   Qwest: number@qwestmp.com   T-Mobile: number@tmomail.net   Verizon: number@vtext.com   Sprint: number@messaging.sprintpcs.com   Virgin Mobile: number@vmobl.com   Nextel: number@messaging.nextel.com   Alltel: number@message.alltel.com   Metro PCS: number@mymetropcs.com   Powertel: number@ptel.com   Suncom: number@tms.suncom.com   U.S. Cellular:… Continue reading How to Text via Email