Internet Explorer and the Hunger Games team up, build a responsive site

Microsoft has been showing off its Internet Explorer browers in many unqiue ways over the past few months from music videos to video editing in the browser. Today, Microsoft has launched a new site and has teamed up with the Hunger Games to build a service that showcases the power of a modern browser. 

The new site, which you can check out at the source link below, will be the premier location for all things Catching Fire, the second movie in the Hunger games trilogy. The site will feature unique content for the upcoming movie and does so with a modular layout that is responsive and highly interactive. 

The Hunger Games Explorer was built as a collaboration with Internet Explorer, Lions Gate, and Red Interactive to provide a unique look into the world of Hunger Games. If you are a fan of the series, this site will be your one-stop destination for information on the upcoming release as it pulls in multiple channels of content to provide enhanced coverage of the pre-release material.

The site is highly responsive. For example, if you drag a corner around, you will see the site adapt in real time. Microsoft utilized a grid layout and like many other projects, the code is being shared with the developer community. You can watch the video above to learn about the inspiration for the site and to see how the team developed the portal to be a true representation of their vision as well as push a few boundaries on the web.

Like many of the projects the IE team has completed, The Hunger Games Explorer shows that life inside the browser can be a powerful place to build app-like services. While the app model may be thriving today, what the IE team has shown is that the browser is breaking down the traditional walls of development as you can now create rich and immersive applications inside the browser.

View: Hunger Games

Report a problem with article
Previous Story

Microsoft continues Hyper-V growth, catching up to VMware

Next Story

Report claims Microsoft working on smartwatches

19 Comments

Likewise. I checked the dev console (F12) and running Windows 7/IE10 combo spits out 3 javascript errors. One is "loadComplete() was never called" which is why we get a blank screen. It loads fine in FF20 with no javascript errors.

Blame the programmers - not the browser.

Lots of pointless animations and the content is worthless. It's great that it adapts to high resolutions (which is always appreciated) but why would I want to see hundreds of pointless Twitter posts (many of which aren't even in English)? It may be technically impressive but as a website it's terrible.

Looks like someone thinks a cluttered messy Start Page-like web page is a good thing. Terrible design IMO, I share your sentiments.

On the bright side, loaded really fast in IE10.

theyarecomingforyou said,
Lots of pointless animations and the content is worthless. It's great that it adapts to high resolutions (which is always appreciated) but why would I want to see hundreds of pointless Twitter posts (many of which aren't even in English)? It may be technically impressive but as a website it's terrible.

I'm assuming it's aimed at content hungry uber fans of the Hunger Games.
Personally my brain can't take in that much stuff thrown at me but i do appreciate the development work that's gone in to the site.

Interesting as a proof of concept, next to useless as a source of information.
Out of three major browsers I got the smoothest experience from Chrome.

ITT there's a lot of people with messed up IE10 installations. Delete all those crapware toolbars and then see if the site works. Loaded in 2 seconds with Metro IE10 for me.

No crapware here. Not even a single addon enabled. Java and shockwave are installed incase needed. But disabled by default.
Yet my IE10Desktop works differently then IE10Modern.
In desktop for example when I press reply, it takes me to the add comment box at the bottom of the page.
In Modern, it loads a new comment box right below yours. As it does with Fx and Chrome.

I've noticed strange behavior on IE10desktop over multiple systems. While IE10 Modern has not a single issue.
Something is off, hope they fix it soon -.-.

Shadowzz said,
No crapware here. Not even a single addon enabled. Java and shockwave are installed incase needed. But disabled by default.
Yet my IE10Desktop works differently then IE10Modern.
In desktop for example when I press reply, it takes me to the add comment box at the bottom of the page.
In Modern, it loads a new comment box right below yours. As it does with Fx and Chrome.

I've noticed strange behavior on IE10desktop over multiple systems. While IE10 Modern has not a single issue.
Something is off, hope they fix it soon -.-.

don't expect Microsoft to fix something that is caused by a 3rd party app on your system.

that's not IE's fault. It is working perfectly on a clean system.
but there are some programs integrating with IE that are not being listed in the manage addons window, such as antiviruses, or some malwares.

if it is working in modern IE, that's because is is running in an appcontainer which make existing plugins/addons incompatible, which has the side effect of eliminating any problem caused by these addons.

link8506 said,

don't expect Microsoft to fix something that is caused by a 3rd party app on your system.

that's not IE's fault. It is working perfectly on a clean system.
but there are some programs integrating with IE that are not being listed in the manage addons window, such as antiviruses, or some malwares.

if it is working in modern IE, that's because is is running in an appcontainer which make existing plugins/addons incompatible, which has the side effect of eliminating any problem caused by these addons.


It has been like this ever since i installed Windows 8. This is not caused by a 3rd party app. Also its not only my system I've seen this behavior on.
Stop making assumptions please. Thank you.

Can at least say the trailer was an eye opener. We haven't read the books so don't know what really happens, but this certainly looks like it is going to be intense especially after watching the first movie as newbies to the whole storyline.

Loaded fine in my FF btw as well as IE 10 on my 8 machine.

if(browser === "Chrome" || browser === "Firefox" || browser === "Opera")
{
setInterval(function() { sleep(700); }, 2000);
}

hmmz said,
if(browser === "Chrome" || browser === "Firefox" || browser === "Opera")
{
setInterval(function() { sleep(700); }, 2000);
}

this joke gets old.
seriously, if you found something in the source code of this site designed to make it run like crap on non-IE browsers, share the proof with us.

otherwise shut up.

link8506 said,

this joke gets old.
seriously, if you found something in the source code of this site designed to make it run like crap on non-IE browsers, share the proof with us.

otherwise shut up.

SharePoint 2010. I know that, for specific tasks, it uses ActiveX. However, for no apparent reason, some buttons in the ribbon bar of SharePoint 2010 are not visible at all in Firefox but in Internet Explorer.

I had a thought while using this: are ads going to be this obtrusive in the future? I hope not. My Flash blocker had no effect.

Working fine in Firefox 20.

Commenting is disabled on this article.