Targeting mobile-optimized CSS at Windows Phone 7

There have been several posts on how to style sites for mobile devices.  These approaches all use CSS3 Media Queries.  As many of the articles point out, not all mobile browsers support this feature.  The Windows Phone 7  browser’s base functionality is built on Internet Explorer, which does not support CSS3 Media Queries until Internet…

18

The IE Mobile Viewport on Windows Phone 7

One of the main challenges involved with mobile Web development is getting content to lay out correctly on screens of varying sizes. Over the years, browser vendors have invented a variety of ways to allow developers to control how browsers lay out content, usually using a custom <meta> tag. First among these was the HandheldFriendly…

19

Supported Fonts on IE for Windows Phone 7

Internet Explorer on Windows Phone 7 supports a variety of font faces (13) that you can use in your Web pages, ranging from the usual suspects like Arial to fonts like Segoe WP, which Windows Phone uses itself for various User Interface text. The full set of default fonts available are listed in the following…

15

Update: CSS and js support in ie Mobile for Windows phone 7

Yesterday, we posted a blog entry that detailed some upcoming JavaScript and CSS support enhancements that we are planning on making to the IE Mobile browser for Windows Phone 7. One of these changes, support for -webkit-text-size-adjust, stirred up a bit of controversy that caused us to stop and think further on the issue. Our…

14

JavaScript and CSS changes in IE Mobile for Windows Phone 7

For IE Mobile in Windows Phone 7, we’ve made a couple of JavaScript and CSS enhancements that you can try out today in the Windows Phone 7 Emulator. The new scripting functions are: getElementsByClassName(name): given the class specified by name, returns all of the elements or sub-elements within the scope of this function call querySelector(selector):…

19

Run the Windows Phone Emulator as Standalone

UPDATE 11/2/2010: You don’t need to do this anymore, as the Windows Phone Developer Tools now install a link in the Start menu that launches the Emulator directly. If you are developing a mobile Web app and want to test it out in the Windows Phone emulator running IE Mobile, you don’t need to launch…

6

Recommended Web Videos from MIX2010

Now that MIX is well behind us and the crowds have all returned home, we hope that many of you are busily working away on your Rich Mobile Web applications and learning all about Windows Phone 7 development. To aid in this effort, I’ve pulled together a short list of sessions that I consider to…

0

Ladies and Gentlemen, Please Welcome… the IE Mobile User Agent String!

Yesterday, the IE team introduced their User Agent string for IE9. We felt that it was only right that we do the same thing. Thus, without further ado, introducing the Windows Phone Internet Explorer UA String: Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0; <DeviceManufacturer>;<DeviceModel>) This will be the standard format of our…

11

Dude! We’re Getting The Blog Back Together!

Hello everyone! I’d like to start off by introducing myself – I’m Joe Marini, and I’m a Principal PM here on the Windows Phone team. Among the things I’m responsible for is driving our mobile Web developer strategy and engagement, and that includes reaching out to all of you. I’m going to kick that off…

6