When building HTML5 mobile web sites that target multiple devices, one of the first elements you should include is the viewport meta tag. Most mobile web browsers render incoming HTML in a virtual window that is typically wider than the screen of the mobile device. This is done so you can view non-mobile websites via panning, pinching and zooming.  The negative side effect of this behavior is you often see tiny text, pictures and UI elements that are unusable.  As you might imagine, this poor user experience contributes to the notion that mobile apps are superior to the mobile web.  You can help correct this misconception by adding the viewport meta

close

When building HTML5 mobile web sites that target multiple devices, one of the first elements you should include is the viewport meta tag. Most mobile web browsers render incoming HTML in a virtual window that is typically wider than the screen of the mobile device. This is done so you can view non-mobile websites via panning, pinching and zooming.  The negative side effect of this behavior is you often see tiny text, pictures and UI elements that are unusable.  As you might imagine, this poor user experience contributes to the notion that mobile apps are superior to the mobile web.  You can help correct this misconception by adding the viewport meta

Read more

Posted in HTML5

HTML5 has made a lot of progress in the mobile space over the last few years. Take a look at the latest report from the French analyst house faberNovel, on HTML5 and how to rethink web strategy: Sharing my knowledge and helping others never stops, so connect with me on my blog at http://robtiffany.com , follow me on Twitter at https://twitter.com/RobTiffany and on LinkedIn at https://www.linkedin.com/in/robtiffany Sign Up for my Newsletter and get a FREE Chapter of “Mobile Strategies for Business!”

close

HTML5 has made a lot of progress in the mobile space over the last few years. Take a look at the latest report from the French analyst house faberNovel, on HTML5 and how to rethink web strategy: Sharing my knowledge and helping others never stops, so connect with me on my blog at http://robtiffany.com , follow me on Twitter at https://twitter.com/RobTiffany and on LinkedIn at https://www.linkedin.com/in/robtiffany Sign Up for my Newsletter and get a FREE Chapter of “Mobile Strategies for Business!”

Read more

Posted in HTML5

As someone who spends a lot of time talking to CIOs about the Consumerization of IT (CoIT) and mobile, I get asked a lot about BYOD strategies. I also recognize that you’re likely to get a different strategy from every person you ask.  To quickly recap how we got here over the last several years, the rise of BYOD is a result of more compelling devices in the marketplace combined with the move from Corporate-Liable (CL) to Individual-Liable (IL) device ownership policies.  Typically, I like to take baby steps on this one because you don’t have to boil the ocean in order to respond to this mega-trend all at once: Baby Step 1:  Oh, it’s too late.  This step was already

close

As someone who spends a lot of time talking to CIOs about the Consumerization of IT (CoIT) and mobile, I get asked a lot about BYOD strategies. I also recognize that you’re likely to get a different strategy from every person you ask.  To quickly recap how we got here over the last several years, the rise of BYOD is a result of more compelling devices in the marketplace combined with the move from Corporate-Liable (CL) to Individual-Liable (IL) device ownership policies.  Typically, I like to take baby steps on this one because you don’t have to boil the ocean in order to respond to this mega-trend all at once: Baby Step 1:  Oh, it’s too late.  This step was already

Read more

Posted in Mobile

Now that I’ve spent the last two articles helping you to get your Metro user experience foundation created with CSS3 and Media Queries, it’s time to jump into one of the features of HTML5.  Geolocation is perfectly suited for smartphones because location awareness is something they all have in common.  Most people are under the impression that only native mobile apps have the power to reach into the platform APIs and retrieve a device’s current location.  Luckily, with modern HTML5 browsers like Internet Explorer 9, web pages can use JavaScript to gather this same information.  This API finds your location via the following methods: GPS:  This is the most accurate method

close

Now that I’ve spent the last two articles helping you to get your Metro user experience foundation created with CSS3 and Media Queries, it’s time to jump into one of the features of HTML5.  Geolocation is perfectly suited for smartphones because location awareness is something they all have in common.  Most people are under the impression that only native mobile apps have the power to reach into the platform APIs and retrieve a device’s current location.  Luckily, with modern HTML5 browsers like Internet Explorer 9, web pages can use JavaScript to gather this same information.  This API finds your location via the following methods: GPS:  This is the most accurate method

Read more

Posted in Windows phone

In my last article covering HTML5 and CSS3 on Windows Phone, I got you started with a simple boilerplate. It just so happened that the style I presented you with was Dark.  Since we know that Windows Phone also has a light theme, I think it’s important that your mobile web site have one as well.  Below is an enhanced version of the boilerplate HTML5 file that displays many commonly used Form elements: <!DOCTYPE html> <html lang=”en”>     <head>         <meta charset=”utf-8″ />         <meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=yes” />         <meta name=”MobileOptimized” content=”width” />         <meta name=”HandheldFriendly” content=”true” />         <link rel=”stylesheet” href=”MetroDark.css”>         <title>Web Storage</title>     </head>     <body>         <p>CONTOSO FRUIT COMPANY</p>

close

In my last article covering HTML5 and CSS3 on Windows Phone, I got you started with a simple boilerplate. It just so happened that the style I presented you with was Dark.  Since we know that Windows Phone also has a light theme, I think it’s important that your mobile web site have one as well.  Below is an enhanced version of the boilerplate HTML5 file that displays many commonly used Form elements: <!DOCTYPE html> <html lang=”en”>     <head>         <meta charset=”utf-8″ />         <meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=yes” />         <meta name=”MobileOptimized” content=”width” />         <meta name=”HandheldFriendly” content=”true” />         <link rel=”stylesheet” href=”MetroDark.css”>         <title>Web Storage</title>     </head>     <body>         <p>CONTOSO FRUIT COMPANY</p>

Read more

Posted in Windows phone

Internet Explorer 9 running on Windows Phone 7.5 has seriously raised the HTML5 mobile web profile of Microsoft’s latest phone operating system. Up until recently, it’s been all about the apps written in Silverlight.  With hardware-accelerated video, text rendering, canvas drawing, and the high-speed “Chakra” JavaScript engine, IE9 compiled for ARM processors means business.  But diving into HTML5 without considering the differences in characteristics of mobile web browsers is a mistake.  Therefore, I’m going to show you some HTML5 and CSS3 that you can use as a starting point for your mobile web apps. Below, you can see the simplified DOCTYPE, html, charset, and stylesheet tags that are the hallmark of HTML5. 

close

Internet Explorer 9 running on Windows Phone 7.5 has seriously raised the HTML5 mobile web profile of Microsoft’s latest phone operating system. Up until recently, it’s been all about the apps written in Silverlight.  With hardware-accelerated video, text rendering, canvas drawing, and the high-speed “Chakra” JavaScript engine, IE9 compiled for ARM processors means business.  But diving into HTML5 without considering the differences in characteristics of mobile web browsers is a mistake.  Therefore, I’m going to show you some HTML5 and CSS3 that you can use as a starting point for your mobile web apps. Below, you can see the simplified DOCTYPE, html, charset, and stylesheet tags that are the hallmark of HTML5. 

Read more

Posted in HTML5

Windows Phone 7.5 is running fast out of the gate for 2012. The stunning mobile operating system from Microsoft was the talk of CES in Las Vegas this year.  The accolades streaming in from the world’s most influential newspapers, magazines, reviewers, and tech bloggers are unprecedented. The Nokia Lumia 900 won the Best of CES award in the Smartphone category and it’s no surprise.  Before listing off the impressive specs, just look at this gorgeous piece of hardware.  Looks matter…trust me.  Windows Phone is already the most elegant mobile operating system.  Breathtaking industrial design is the other half of the equation.  When paired with iconic hardware, it’s like pairing your favorite

close

Windows Phone 7.5 is running fast out of the gate for 2012. The stunning mobile operating system from Microsoft was the talk of CES in Las Vegas this year.  The accolades streaming in from the world’s most influential newspapers, magazines, reviewers, and tech bloggers are unprecedented. The Nokia Lumia 900 won the Best of CES award in the Smartphone category and it’s no surprise.  Before listing off the impressive specs, just look at this gorgeous piece of hardware.  Looks matter…trust me.  Windows Phone is already the most elegant mobile operating system.  Breathtaking industrial design is the other half of the equation.  When paired with iconic hardware, it’s like pairing your favorite

Read more

Posted in Windows phone

In my ‘Consumerization of IT Collides with MEAP’ article last week, I described how to connect iPhones and iPads to Microsoft’s On-Premise infrastructure. In this week’s scenario, I’ll use the picture below to illustrate how iOS utilizes many of Gartner’s Mobile Enterprise Application Platform Critical Capabilities to connect to Microsoft’s Cloud services in Azure: As you can see from the picture above: For the Management Tools Critical Capability, there is no Cloud-based device management solution, policy-enforcement, or software distribution solution from Microsoft for iOS.  As I mentioned in last week’s post, consumer software distribution comes from the App Store and the enterprise equivalent is facilitated via internal web servers and user-clickable

close

In my ‘Consumerization of IT Collides with MEAP’ article last week, I described how to connect iPhones and iPads to Microsoft’s On-Premise infrastructure. In this week’s scenario, I’ll use the picture below to illustrate how iOS utilizes many of Gartner’s Mobile Enterprise Application Platform Critical Capabilities to connect to Microsoft’s Cloud services in Azure: As you can see from the picture above: For the Management Tools Critical Capability, there is no Cloud-based device management solution, policy-enforcement, or software distribution solution from Microsoft for iOS.  As I mentioned in last week’s post, consumer software distribution comes from the App Store and the enterprise equivalent is facilitated via internal web servers and user-clickable

Read more

Posted in MEAP

In this week’s scenario, I’ll illustrate how Windows Phone utilizes many of Gartner’s Mobile Enterprise Application Platform Critical Capabilities to connect to Microsoft’s Cloud services in Azure

close

In this week’s scenario, I’ll illustrate how Windows Phone utilizes many of Gartner’s Mobile Enterprise Application Platform Critical Capabilities to connect to Microsoft’s Cloud services in Azure

Read more

Posted in MEAP

In my Consumerization of IT Collides with MEAP article last week, I described how to connect a Windows 7 device to Microsoft’s On-Premises servers. Whether you’re talking about a Windows 7 tablet or laptop, I showed that you can follow the Garter MEAP Critical Capabilities to integrate with our stack in a consistent manner.  Remember, the ability to support multiple mobile apps across multiple mobile platforms, using the same software stack is a key tenant to MEAP.  It’s all about avoiding point solutions. If you need a refresher on the Gartner MEAP Critical Capabilities, check out: http://robtiffany.com/meap/consumerization-of-it-collides-with-meap-windows-on-premises In this week’s scenario, I’ll use the picture below to illustrate how Mobile versions

close

In my Consumerization of IT Collides with MEAP article last week, I described how to connect a Windows 7 device to Microsoft’s On-Premises servers. Whether you’re talking about a Windows 7 tablet or laptop, I showed that you can follow the Garter MEAP Critical Capabilities to integrate with our stack in a consistent manner.  Remember, the ability to support multiple mobile apps across multiple mobile platforms, using the same software stack is a key tenant to MEAP.  It’s all about avoiding point solutions. If you need a refresher on the Gartner MEAP Critical Capabilities, check out: http://robtiffany.com/meap/consumerization-of-it-collides-with-meap-windows-on-premises In this week’s scenario, I’ll use the picture below to illustrate how Mobile versions

Read more

Posted in MEAP