I was at Microsoft’s //publish/ event in Brežice this weekend, along with Vito and Nejc, trying to beat the competition with Vito’s application called Simplicy.

Simplicy is a simple music player (soon available for Windows 8 and Windows Phone 8), collecting music from around the net (featuring about 50 million songs) and giving users the possibility create their very own playlist with nothing but a few clicks.

You might be wondering what’s special here, right? Let me tell you.

The great thing about this application is that despite having a really simple interface there is no need to create an account or log in, to create or save your playlist. For free.

And what’s even cooler: it learns what music you like and shapes the results accordingly. You know how Windows Phone is “The Smartphone Reinvented Around You”? Simplicy is the same, but for music.

In just two days (with very little sleepy times) we managed to develop a beautiful cross-platform app and publish it to both Windows and Windows Phone stores.

And I’m really proud about the fact that we won (like bosses) in the cross-platform application category!

Screenshots!

This works with PhoneGap / Cordova applications. It should happen automatically when you configure the application to run in fullscreen mode but it doesn’t for now.

Instead of this sufficing:

<preference name="fullscreen" value="true" />

You have to include the following plugin in the config.xml file:

<gap:plugin name="org.apache.cordova.statusbar" />

And add this snippet to your index (or JavaScript) file:

document.addEventListener("deviceready", startEvents, false);
function startEvents() {
    StatusBar.hide();
}

Hope it helps!

References:
Plugin: https://github.com/apache/cordova-plugin-statusbar
PhoneGap issue (GitHub): https://github.com/phonegap/build/issues/267

If you, like me, own the best mobile phone in the universe, the Nokia Lumia 920, and design websites, you might have noticed that responsive sites are not responsive on this device.

This is a IE10 bug. To fix this, you should include the following snippet in the head (or wherever really) of your index file.

if (navigator.userAgent.match(/IEMobile/10.0/)) {
    var msViewportStyle = document.createElement("style");
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important}"
        )
    );
    document.getElementsByTagName("head")[0].
        appendChild(msViewportStyle);
}

I don’t remember where I got this one, so no credits or reference, but it works!